css指層疊樣式表,它用來定義如何顯示html元素。css是能夠真正做到網頁表現和內容分離的一種樣式設計語言。
css基礎語法:
css由兩部分構成:選擇器
選擇器通常為你要改變樣式的html元素
宣告有乙個屬性和乙個值組成
css的四種選擇器:
1、派生選擇器(上下文選擇器)
派生選擇的語法 : 上一級元素b 元素a; 只有元素a的上一級元素是b,選擇器才會起作用,負責不會起作用
例子:
2、id選擇器
(1)id選擇的語法: #id ;id就是html元素指定的id的名字,每個html文件中同乙個id屬性只能出現一次
(2)id選擇器常常用於建立派生選擇器:
#id 元素a;
作用:這樣子同乙個id下的所有元素a都能應用該屬性
限制條件:id只能是或者或者其它塊級元素
3、類選擇器
(1)語法:.classname
(2)類選擇用作派生選擇器:
.classname 元素a
作用:這樣子應用這個類下的所有元素a都能應用該選擇器中的屬性
限制條件:class或者或者其它塊級元素
4、屬性選擇器
(1)所有有這個屬性的元素都有效
[title]
(2)屬性等於值選擇器
(3)屬性等於值--多個值(包含指定值)
[title~=hello] 適用於由空格分隔的
如:title=「hello world」
[lang|=en] 適用於由連字符合分隔的
如: lang=「en」 lang=「en-us」
(4)設定表單樣式
設定某種型別的表單的屬性
input[type="text"]
幾種css選擇器
css提供了許多選擇器來實現精確地定位標籤元素,主要有以下幾種 div p.box 可以看出,div標籤和p標籤的class名都為 box 因此他們都應用該樣式,因為多個標籤可以有相同的class名,所以class選擇器應用最為廣泛。box 需要注意的是,標籤的id具有唯一性,多個標籤的id不能相同...
CSS的幾種核心選擇器
標籤選擇器,選擇的是頁面上所有這種型別的標籤,優先順序較低 標籤選擇器呼叫測試 類選擇器,針對想要的所有標籤使用只需要定義class即可。類選擇器呼叫 針對特定的標籤來使用,只能對特定id使用 標籤id命名規範說明 id選擇器呼叫偽類選擇器,針對一些標籤具體的行為使用。其中對於標籤特有的狀態 而a ...
CSS中的幾種選擇器。
標籤選擇器的形式 標籤名 標籤選擇器會選中html中的所有同型別的標籤,對這些標籤進行修改。後代選擇器的形式 父標籤名 空格 子標籤名,空格代表的意思就是後代的意思,空格後的為後代,後代選擇器會選中父標籤的後代,這個後代不侷限於只能是標籤,也可以是類選擇器的名稱,例如class,div table ...