a)寬度為明確值:margin-left和marginright同時為auto;
b)寬度不確定:position:absolute;left:50%
margin-top:x%;
其中x = (100% - 元素高度佔據容器的比例) / 2;
或者
position:absolute
top:50%
margin-top:元素高度 / 2
使用border-radius eg.position:absolute
left/right:0px/0%;
top/bottom:0px/0%
定義巢狀的class屬性值:
其中「 > 「表示直接子元素」
1)class包含其他
2)id包含其他.class h1 {}
.class .class1 {}
.class1 > a, .class2 > a {}
.class > a:hover,
.class > a:focus {}
3、共享同一種樣式時中間加逗號 .class1 , .class2 {} / .class1 , p {} / .class1 #id {} / #id, p{}#id h1 {}
#id .class {}
#id > a:hover,
#id > a:focus {}
4、 .class1 .class2 {}表示class1下所有包含class2的樣式,eg:
(.class1 p/#id 同樣適用)
5、.class1 > p {}表示class1下一級子元素中的p,eg:
//採用.class1 .class2樣式
//採用.class1 .class2樣式
hello
//採用.class1 > p樣式
world
//不採用.class1 > p樣式
前端知識點總結(四)
css篇 5.visiility中有個collapse屬性的作用?用在 中,隱藏一行或一列,並會釋放空間,chrome除外。6.出現浮動的原因,怎麼清除浮動?乙個盒模型設定類浮動,導致父級物件不能被撐開,這樣就產生類浮動,需要清除浮動。清除浮動方法 計算子容器高度 新增clear both 父級 o...
知識點小結
華為 1.c與c 哪個效能比較好?從語言特性角度上來看,c 是c的超集。在 c c的這部分語言特性中有很多會降低執行效率。乙個例子是dynamic cast,執行乙個dynamic cast要消耗100 300個cpu cycles,因為機器要跳到一段特別的snippet 一小段程式 去檢查type...
知識點小結
一 mysql計算日期 timestampdiff day,t3.payment due date,now 二 字段轉換 case when t1.status in d01 a01 a00 then 三 mybatis在插入資料時,返回id usegeneratedkeys true keypro...