在前面,我們學習了html的結構、基本骨架、起名方式和選擇器,接下來,我們就要學習CSS了。 首先,我們要知道CSS是什麼。 CSS 全稱叫層疊樣式表,作用是給html添加樣式style,添加屬性。 在網頁中(或者說在html)中如何嵌套style? 我們先來學三種嵌套樣式: 1.行間樣式 將sty ...
在前面,我們學習了html的結構、基本骨架、起名方式和選擇器,接下來,我們就要學習CSS了。
首先,我們要知道CSS是什麼。
CSS 全稱叫層疊樣式表,作用是給html添加樣式style,添加屬性。
在網頁中(或者說在html)中如何嵌套style?
我們先來學三種嵌套樣式:
1.行間樣式 將style當屬性寫在標簽內,權重為1000
如:
2.行內樣式 將style當標簽寫在head之間
如:
(前面不知道style寫在哪裡的看看這兩張圖片,現在知道寫在哪了吧)
3.把style當作css文件來用。俗稱:外部引入
首先要新建一個css文件,選擇內容,再直接寫屬性和屬性值
如:在新建的css文件中直接寫
p{
color:blue;
}
最後,也是最關鍵的一步,不要忘了引入
引入代碼
其中的./01.css是路徑,根據自己的路徑更改
CSS的三種引入方式
行間樣式把style當做屬性使用,鍵值對在屬性值中該怎麼用就怎樣用,行內把style當做標簽使用 鍵值對還是老樣子,外部引入,將樣式寫在css文件中,還是以鍵值對的形式書寫樣式。
(鍵值對就是 屬性:屬性值;也就是CSS的結構)