前端 第四天學習

2021-10-04 03:36:53 字數 1222 閱讀 1906

第四天知識總結:

1:樣式表:

內部樣式表

外部樣式表

內聯樣式表

2: 樣式表的權重:

內聯樣式表的權重最大!

內部和外部樣式的權重,和書寫的前後順序有關!(放在後面的會把放在前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式,不同屬性的樣式會繼續執行。)

3: css選擇符:

css語法:選擇符 選擇符:選擇符就是給標籤起名字。

一:型別選擇符(標籤選擇符)

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

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

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

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

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

語法:起名字: 《標籤 id=「名稱」>三: 類選擇符(class選擇符)

語法:其名稱: 《標籤 class=「名稱1 名稱2 名稱3 名稱4…」>四: 群組選擇符

語法:以逗號分隔的方式,把多個選擇器組成一組,給整組新增樣式.

選擇符1,選擇符2,選擇符3,選擇符4

eg : #box,.con,h3,#wrap

五: 包含選擇符(子代選擇器\後代選擇符) ( 通過父元素找子元素 )

語法:父元素 子元素

六: 偽類選擇器:

a:link /* 未訪問的鏈結狀態 /

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

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

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

七:萬用字元

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

*起名規範:

盡量小寫字母開頭。

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

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

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

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

起名方法:

1:駝峰式命名法:

newsleft newsright

2: 連字元命名:

news-left news-right news-center

3: 下劃線命名:

news_left news_right news_center

學習前端第四天

三十六 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...

前端學習第四天

今天是學習前端的第四天,主要學習了復合選擇器 元素的顯示模式及背景的相關用法。復合選擇器由兩個或多個基礎選擇器通過不同方式組合而成,可以更準確 更高效的選擇目標元素。常用的復合選擇器由四類,分別是後代選擇器 子代選擇器 並集選擇器以及偽類選擇器。後代選擇器 可以選擇父元素中所有的子元素,其元素可以使...