寫css的位置:1、作為行內樣式,寫在HTML標籤的style屬性中;2、作為內嵌樣式,寫在head標籤的style標籤中;3、作為外聯樣式,寫在單獨的「.css」檔案中,使用link標籤或「@import」規則引入HTML中。
本教學操作環境: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」檔案用link標籤或@import引入該檔案到頁面中範例:##
<html> <head> <titile></title> <link rel="stylesheet" href="要引入的CSS文档位置" > </head> <body> </body> </html>
以上是css寫在哪的詳細內容。更多資訊請關注PHP中文網其他相關文章!