在head標簽下,編寫style標簽,並將css代碼放在style標簽中。
2.您可以創建壹個新的css文件,如index.css,並將該css代碼放入該index.css文件中。
然後將index.css文件引入HTML文件。
& lt鏈接?rel =“style sheet“?href =“index . CSS“& gt。
Href:寫入index.css文件的路徑。
擴展數據:
插入樣式表的方法:
1,外部樣式表
使用
& lthead & gt& ltlinkrel =“style sheet“type =“text/CSS“href =“my style . CSS“& gt。& lt/head & gt;
瀏覽器將從文件mystyle.css中讀取樣式聲明,並根據它格式化文檔。
外部樣式表可以在任何文本編輯器中編輯。該文件不能包含任何html標記。樣式表應與。css擴展。
2.內部樣式表
當單個文檔需要特殊樣式時,應該使用內部樣式表。妳可以用
& ltstyle & gt
HR { color:sienna;}
p { margin-left:20px;}
body { backup-image:URL(“images/back 40 . gif“);}
& lt/style & gt;
3.內嵌樣式
內聯樣式將失去樣式表的許多優點,因為它混合了表示和內容。例如,當壹個樣式只需應用於壹個元素壹次時,請謹慎使用此方法。
要使用內聯樣式,需要在相關標簽中使用style屬性。樣式屬性可以包含任何CSS屬性。以下示例顯示了如何更改段落的顏色和左邊距:
& ltp style =“color:sienna;左邊距:20px“》;這是壹段話。& lt/p & gt;
樣式表允許以多種方式指定樣式信息。樣式可以在單個HTML元素、HTML頁面的header元素或外部CSS文件中指定。您甚至可以在同壹個HTML文檔中引用多個外部樣式表。
壹般來說,優先級如下:
inline style)inline style & gt;(內部樣式)Internalstylesheet & gt(外部樣式)Externalstylesheet & gt瀏覽器默認樣式