CSS三種建立和六種選擇器
阿新 • • 發佈:2018-12-23
一、CSS簡介
層疊樣式表是一種用來表現HTML或XML等檔案樣式的計算機語言,CSS目前最新版為CSS3,是能夠真正做到網頁表現與內容分離的一種樣式設計語言,相對於傳統HTML的表現而言,CSS能夠對網頁中的物件的位置排版進行畫素級的精確控制
二、三種建立
1、使用元素內嵌樣式表
2、使用文件內嵌樣式表
3、使用外部樣式表
註明:
1.元素內嵌樣式表不同屬性值需要用分號分開,例如
2.文件內嵌樣式表一般放在< head>裡面
3.外部樣式表需要建立一個新的CSS文件,上面為as.css,引入至html文件方式如下:< link rel=”stylesheet” type=”text/css” href=”as.css”>
4.三種樣式表優先順序:元素內嵌樣式表>文件內嵌樣式表>外部樣式表
三、六種選擇器
1.選擇所有元素
style內:*{}
2.根據型別選擇元素
style內:a{}
body內:< a>阿水的阿里< /a>
3.根據類選擇元素
style內:.class1{}
body內:< p class=”class1”>阿水的阿里< /p>
4.根據ID選擇元素
style內:#id1{}
body內:< p id=”id1”>阿水的阿里< /p>
5.根據屬性選擇元素
style內:[href]{}
body內:< a href=”URL”>阿水的阿里< /a>
6.其他選擇器
。。。
注:
1.選擇器只出現在文件內嵌樣式表和外部樣式表中
2.id和class的區別在於:id又稱唯一選擇器,是某個元素的身份證,即在網頁內或者網頁內嵌網頁中此id屬性的屬性值只能出現一次,不能重複使用(即使多次使用不會出現問題).而類選擇器(class)可以多次使用