前端開發CSS3 使用方式和選擇器

2021-09-27 01:52:22 字數 783 閱讀 8054

css是cascading style sheets(層疊樣式表)的簡寫,用於修飾文件的語言,可以修飾html、xml、svn。每個語言都有每個語法的規則:css宣告、css宣告塊、css選擇器、css規則。

1、css宣告簡單來說就是乙個鍵值對的形式,類似於  color: black;

2、css宣告塊就是用大括號{}括起若干個css宣告,類似於  

3、css選擇器就是某個或者一組標籤的標識,類似於  p、div

4、css規則就是前面三個的總結,類似於  p

注意:css的注釋是/* 這裡是注釋內容 */

我們雖然知道css的規則了,怎麼將css規則用於修飾被修飾的文件。xml檔案和svn檔案博主也不知道也沒有深度的了解,這裡只講述html檔案怎麼引入css檔案。html檔案引入css檔案有三種方式:

1、外部樣式表

外部樣式表的引入方式有兩種情況,link標籤方式引入效率高,一般是用到哪個標籤就匯入哪個標籤;@import方式和style方式效率不高,瀏覽器會全部讀採樣式表的樣式。

複製**

樣式表的引入方式

這是乙個p標籤

複製**       @import url()引入只能寫在style標籤裡的第一行,否則匯入不成功:

複製**

樣式表的引入方式

這是乙個p標籤

複製**   2、內部樣式表

在html檔案樣式直接寫在style標籤中

複製**

樣式表的引入方式

這是乙個p標籤

深圳**建設www.sz886.com

css3 選擇器 CSS3選擇器

子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素,則不會被選擇。符號之前書寫父級的選擇器,符號之後寫子級選擇器,必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...

css3 選擇器 CSS3選擇器詳解

css3在css2基礎上,增強或新增了許多特性,彌補了css2的眾多不足之處,使得web開發變得更為高效和便捷。比如說,同樣是乙個頭像,可能在低版本的瀏覽器中,頭像方的 在高版本的瀏覽器中,頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題,為了避免因相容性帶來的干擾...

css3學習筆記 css3選擇器

e attr 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 css ul,li lihtml class linksitem id...