web前端知識點小結 （四）

2021-08-21 09:11:02 字數 1146 閱讀 8986

a）寬度為明確值：margin-left和marginright同時為auto;

b)寬度不確定：position:absolute;left:50%

margin-top:x%;
其中x = (100% - 元素高度佔據容器的比例) / 2;

或者

position:absolute


top:50%


margin-top:元素高度 / 2
position:absolute


left/right:0px/0%;


top/bottom:0px/0%
使用border-radius eg.
定義巢狀的class屬性值：

其中「 > 「表示直接子元素」

1)class包含其他

.class h1 {}


.class .class1 {}


.class1 > a, .class2 > a {}


.class > a:hover,


.class > a:focus {}
2)id包含其他

#id h1 {}


#id .class {}


#id > a:hover,


#id > a:focus {}
3、共享同一種樣式時中間加逗號 .class1 , .class2 {} / .class1 , p {} / .class1 #id {} / #id, p{}

4、 .class1 .class2 {}表示class1下所有包含class2的樣式，eg:

（.class1 p/#id 同樣適用）



//採用.class1 .class2樣式


//採用.class1 .class2樣式
5、.class1 > p {}表示class1下一級子元素中的p，eg:

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...