首頁 >web前端 >css教學 >css寫在哪

css寫在哪

青灯夜游原創: 2021-05-07 17:46:0111433瀏覽

寫css的位置：1、作為行內樣式，寫在HTML標籤的style屬性中；2、作為內嵌樣式，寫在head標籤的style標籤中；3、作為外聯樣式，寫在單獨的「.css」檔案中，使用link標籤或「@import」規則引入HTML中。

css寫在哪

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

css樣式有三種：內嵌CSS樣式、行內CSS樣式、外部CSS樣式（外接樣式）。

1、行內CSS樣式

在HTML的標籤中使用style屬性來設定css樣式

格式：

<html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>

例：

<html>
<head>
    <titile></title>
</head>
<body>
    <div style="width="100px" height="100px""></div>
</body>
</html>

特點：僅作用於本標籤。

2、內嵌CSS樣式

在head標籤中使用style標籤來設定css樣式

格式：

<style type="text/css">
 ....css样式代码 
</style>

範例：

<html>
<head>
    <titile></title>
    <style type="text/css">
        //在这里写CSS代码
        bdoy{font-size:14px;}
    </style>
</head>
<body>
</body>
</html>

特點：作用於目前整個頁面

3、外部CSS樣式（外接樣式）

##將css程式碼寫在一個單獨的「.css」檔案

css寫在哪

用link標籤或@import引入該檔案到頁面中

範例：

<html>
<head>
    <titile></title>
    <link rel="stylesheet" href="要引入的CSS文档位置" >
</head>
<body>
</body>
</html>

學習影片分享：

css影片教學

以上是css寫在哪的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：css怎麼設定懸浮效果下一篇：css怎麼設定懸浮效果

看更多