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