1、a.無意義標籤
div，span 主要用來布局
b.一級標籤
body 乙個頁面中只有乙個
c.二級標籤
div，span…
d.**標籤
p3、注釋的作用
**更具可讀性，便於維護
4、css優先順序
行內樣式 > 外部樣式 = 內嵌式 （就近原則）
5、外邊距合併問題
1）父子級
給父級加邊框屬性
給父級加padding
給子級或父級一方新增浮動
給子級或父級一方新增絕對定位
給子級或父級一方新增display:inline-block;
給父級元素新增overflow：hidden;
2) 兄弟級
垂直方向，外邊距如果都是正數，則不會疊加而是會合併，且會取最大的值
垂直方向，外邊距如果有乙個為負數，則會進行疊加。
垂直方向，外邊距如果都是負數，則不會疊加而是會合併，且會取絕對值較大的值
6、顯示與隱藏
display：none/block 隱藏的時候空間也會進行隱藏
visibility：visible/hidden 隱藏的時候原來所佔據的空間依然佔據
7、 元素的水平居中
1）、行內元素的水平居中：text-align
2）、塊級元素的水平居中：margin：0 auto
元素的垂直居中
1）、行內元素：line-height設定為與父級元素的高度一樣大
2）、塊級元素：可以給父級使用相對定位，子級使用絕對定位，將top、left、right、bottom為0
3）、給父級和子級都加絕對定位，再給子級新增top：calc（50% - 子級元素高度一半）
left：calc（50% - 子級元素寬度一半）
4）、給父級相對定位，子級絕對定位：left：50%；top：50%；
margin-left：-子級元素寬度一半；margin-top：-子級元素高度一半
5）、給父級乙個display：flex； align-items：center；再給子級新增：margin：0 auto；
8、盒子模型
盒模型由外而內包括：邊距（margin、padding）、邊框（border）、填充（padding）、內容（content）
盒子模型：
a、box-sizing:content-box；（標準盒子模型）width和height是指元素中內容的寬高
b、box-sizing:border-box；（ie盒子模型）width和height是指元素的寬高
9、行內元素和塊狀元素的區別？
行內元素：會在水平方向排列，不能包含塊級元素，設定width無效，height無效（可以設定line-height），margin 上下無效，padding上下無效
塊級元素：各佔據一行，垂直方向排列
10、清除浮動的方法
1）、使用額外的標籤clear:both
在浮動元素下面新增乙個空標籤，在這個標籤中設定clear：both；
2）、使用overflow：hidden屬性
父元素定義overflow:hidden，此時，瀏覽器會自動檢查浮動區域的高度；
3）、使用偽元素:after清除浮動
.parent:after
在元素最後定義乙個空的內容，然後讓該空的內容來清除浮動；
H5 css3屬性隨筆
padding 簡寫屬性在乙個宣告中設定所有內邊距屬性。margin 簡寫屬性在乙個宣告中設定所有外邊距屬性。placeholder 屬性提供可描述輸入字段預期值的提示資訊 hint alt 屬性規定在影象無法顯示時替代文字。在電腦鍵盤上，esc是escape 逃跑 的簡寫，ctrl是control...
H5 CSS3前端簡單總結
div 是最常用的乙個盒子了，寫 的時候直接.a就直接生產 a div 了span 乙個行內元素，也就那樣ul li 最常用的乙個作為導航欄的標籤，然後就是ul li就直接生成，裡面一般包含a超連結 a 超連結，herf屬性指定他去哪，就填父絕子相 表示父盒子用絕對定位，因為這樣父盒子不脫標，還可以...
h5 css3相關新增屬性及標籤
1.多 標籤有兩個，分別是 音訊 audio 語法格式 多 標籤使用總結 多 標籤在不同瀏覽器下情況不同，存在相容性問題 button button disabled 選擇type search的輸入框 input type search 選擇類名以black開頭的 span class black...