時間:2017年12月10日 21:52:59 用途:此文章用於個人總結 css筆記1.CSS全稱為"層疊樣式表(Cascading Style Sheets)"2.CSS樣式的語法: 選擇符{屬性:值}3.CSS樣式代碼插入的三種形式:內聯/嵌入/外部 內聯式:就是把代碼寫在html標簽的行間樣式 ...
時間:2017年12月10日 21:52:59
用途:此文章用於個人總結
css筆記
1.CSS全稱為"層疊樣式表(Cascading Style Sheets)"
2.CSS樣式的語法: 選擇符{屬性:值}
3.CSS樣式代碼插入的三種形式:內聯/嵌入/外部
內聯式:就是把代碼寫在html標簽的行間樣式(不建議用這種)
嵌入式:就是把樣式寫在<style>css樣式</style>里的
外部式:就是把css代碼寫在一個單獨的外部文件中,用<link href="css地址" rel="stylesheet" type="text/css">
4.CSS選擇器:
標簽選擇器,如 p{}
類選擇器,如 .class{}
ID選擇器,如 #id{}
子選擇器,如 .class>li{} //僅僅li的代碼有樣式
後代選擇器 .class li{} //全部li下的代碼都有樣式
通用選擇器 *{}
偽類選擇器 a:hover{color:red;} //css3新增 允許給html不存在的標簽設置樣式
分組選擇器 h1,span{}
5.元素分類
塊級元素:div,p,h1...h6,ol,ul,table,address,blockquote,form //{display:block}
行內元素:a,span,b,strong,i,em,label //{display:inline}
6.css佈局模型:
基本文檔流
浮動佈局
絕對佈局 position:absolute絕對 relative相對 fixed固定
絕對定位:相對於父級
相對定位:相對於以前的定位
固定定位:相對於視窗
7.居中
水平居中
text-align:center //對父元素進行設置
margin:0 auto //對子元素進行設置
8.清除浮動有哪些方式？比較好的方式是哪一種？
（1）父級div定義height。
（2）結尾處加空div標簽clear:both。
（3）父級div定義偽類:after和zoom。
（4）父級div定義overflow:hidden。
（5）父級div定義overflow:auto。
（6）父級div也浮動，需要定義寬度。
（7）父級div定義display:table。
（8）結尾處加br標簽clear:both。
比較好的是第3種方式，好多網站都這麼用。
未完待續......
這周比較忙,找時間把上周那篇html總結也慢慢補上
