學習前端的第四天

2021-10-04 03:36:53 字數 1007 閱讀 5857

一、樣式表的權重

樣式表的權重關係:內聯樣式表的權重最大,內部樣式表和外部樣式表的權重和書寫的前後順序有關,放在後面的會把前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式。但是有乙個具有最高權重,即!important,語法例

background:red!important;

二、css選擇符

1.css的語法為

選擇符{屬性:屬性值;}

2.選擇符

選擇符就是給標籤起名字,共有七類選擇符, 型別選擇符,id選擇符,class選擇符,群組選擇符,包含選擇符,偽類選擇符,萬用字元.

3.型別選擇符

所有的html標籤可以直接當作選擇符進行應用。

div\p\em\i\b\strong…

特點:能選中當前結構裡面全部同名標籤。

應用:想統一某乙個標籤樣式的時候或者是清除某個標籤預設樣式的時候。

4.id選擇符

id選擇符相當於人的身份證號

語法:起名字: 《標籤 id=「名稱」>/

a:visited / 已訪問的鏈結狀態 /

a:hover / 滑鼠滑過鏈結狀態 /

a:active / 滑鼠按下去時的狀態 */

注:如果用的話,必須按照順序,link可不寫;hover可用於任意標籤。

9.萬用字元

** 選擇頁面中所有的元素!

*10.起名規範

a.盡量小寫字母開頭。

b.陣列、字母、下劃線、連字元的組合。

c.不能使用關鍵字命名 (所有的標籤和屬性都屬於關鍵字)

d.命名盡量反應板塊內容、或者反應結構(語義化)。

e.可以是拼音,但是不能出現漢字和特殊字元。

11.起名方法

1:駝峰式命名法:

newsleft newsright

2: 連字元命名:

news-left news-right news-center

3: 下劃線命名:

news_left news_right news_center

前端 第四天學習

第四天知識總結 1 樣式表 內部樣式表 外部樣式表 內聯樣式表 2 樣式表的權重 內聯樣式表的權重最大!內部和外部樣式的權重,和書寫的前後順序有關!放在後面的會把放在前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式,不同屬性的樣式會繼續執行。3 css選擇符 css語法 選擇符 選擇符 選擇符就是給標籤起...

學習前端第四天

三十六 css的產生 cascading style sheets 層疊樣式表 隨著html的成長,為了滿足頁面設計的要求,html新增了很多顯示的功能,但是隨著這些功能的增加,html變得越來越雜亂,而且html頁面也越來越臃腫,於是css便誕生了,它的版本有2.0和3.0的版本,css3因為有相...

學習前端第四天

1.複習前一天學習的 表單。2.補充 內容 下拉列表 輔助表單 3.css語法 1.基礎語法 寬 width 高 height 顏色 color 1.單詞表示法 red,blue。2.十六進製制表示法 000000 3.rgb 255,0,0 背景顏色 background color 邊框 bor...