1. 程式人生 > >CSS三種建立和六種選擇器

CSS三種建立和六種選擇器

一、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)可以多次使用