CSS回顾(基础知识,元素,选择器,盒子,颜色)
生活随笔
收集整理的這篇文章主要介紹了
CSS回顾(基础知识,元素,选择器,盒子,颜色)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
元素分類:
1.行級元素:內聯元素 inline
特征:內容決定元素所占位置,不可以通過CSS改變寬高
span strong em a del
2.塊級元素:block特征:獨占一行,可以通過CSS改變寬高
div p ul li ol form address
3.行級塊元素:inline-block
特征:內容決定大小,可以改變寬高
選擇器類型(通用的,沒寫那些偽類):
父子選擇器(派生選擇器)
<div>
<em></em>
</div>
div em {margin:0px} 有父子關系的幾個元素組成的選擇器,div下的所有em子孫
直接子元素選擇器
div>em { margin:0 } 表示的是div下的直接子元素
并列選擇器
<div class='red'></div>
div.red{ color:green } 表示并列關系
權重值比較:<style='color=red' ...>內聯樣式,1000
id :100 class:10 標簽:1 *:0 ,!important是無窮大權重,但是如果!important+1則要更大
分組選擇器
.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回顾(基础知识,元素,选择器,盒子,颜色)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 弹体飞行姿态仿真软件程序代写
- 下一篇: Mycat 配置文件server.xml