CSS回顧(基礎知識,元素,選擇器,盒子,顏色)

2022-05-23 16:24:10 字數 515 閱讀 6058

特徵:內容決定元素所佔位置,不可以通過css改變寬高

span  strong   em  a  del  

div  p  ul  li  ol  form   address

特徵:內容決定大小,可以改變寬高

div em   有父子關係的幾個元素組成的選擇器,div下的所有em子孫

div>em    表示的是div下的直接子元素

div.red   表示並列關係

.demo{}    .red{}

!!解決間隔  margin-left:-6px

盒子壁  border

內邊距 padding

盒子內容 width+weigth

margin+border+padding+content

1.純英文單詞    red,green

2.顏色**       #00ff22

3.顏色函式  rgb(00,ff ,ff)

rgb()表示光的三原色,red, green ,blue

CSS基礎知識 選擇器

選擇器分組 通配選擇器 類選擇器 應用樣式而不考慮具體涉及的元素 只需要在元素中設定class屬性。例如 header 多類選擇器 header info id選擇器 根據元素的id設定樣式屬性值 例如 divid2 屬性選擇器 根據元素的屬性值,來選擇元素 例如 a href title 根據具體...

CSS3基礎知識 選擇器

參考 一 屬性選擇器 1 e attr 表示存在 attr 屬性,但沒有確定任何屬性值 表示屬性值 完全等於val 表示的屬性值裡包含 val字元並且在 任意 位置 表示的屬性值裡包含 val字元並且在 開始 位置 表示的屬性值裡包含 val字元並且在 結束 位置 效果與 e attr val 相反...

CSS選擇器 層疊相關的基礎知識

css是cascading style sheets的英文縮寫,即層疊樣式表。css2.1是w3c於2007年發布,現在推薦使用的。css3現在還處於開發中,有部分瀏覽器的新版本支援。解決內容與表現分離的問題。實現網頁風格的統一,並且容易修改。外部樣式表可以極大提高工作效率。使用css可以減少網頁的...