HTML5第六天筆記

CSS佈局

普通文檔流：元素從上至下排列的順序

脫離文檔流：元素從正常的排列順序被抽離

浮動：將區塊級元素移到父元素最左和最右（依照我們自己的意思排列）

float(浮動）:left/right/none;

clear(清除）:left/right/both;

float相對於父級元素進行浮動

float
float相對於父級元素進行浮動

floatat文混排

如果有浮動元素，它的父元素高度塌陷。

opacity表示透明度

PC端網頁佈局

固定寬度且居中的佈局

通欄頭部、導航和腳部的佈局

基本組成：頭部、導航、banner、主體、腳部

基本組成：頭部、導航、banner、主體、腳部


基本組成：頭部、導航、banner、主體、腳部
樣式：(每次做頁面必須要寫）

*{
margin:0;
padding:0;
box-sizing:boder-box;content-box;
}
body{
font-size:12px;
font-family:Microsoft YaHei,"微软雅黑";
width:1000px;
margin:0 auto;
}
ul,ol,li{
list-style:none;
}
a{
text-decoration:none;
}
img{
border:none;
}

——————————————————————————————————

子元素加margin-top時出現瀏覽器不相容，只要給父元素一個padding:0.1px就可以解決

字體隱藏-font-size:0px; 

圓角屬性：border-radius:20px 30px 40px 50px;

做圓的時候只要給border-radius:50%;就可以。

display:block; 將行內元素轉換為區塊級元素

行內元素的預設顯示是disply:inline;區塊級元素預設顯示是display:block；

H5新增的標籤，只能寫時間

H5新增的標籤,寫版權，地址之類。 🎜🎜🎜 以上就是HTML5第六天筆記的內容，更多相關內容請關注PHP中文網（www.php.cn）！ 🎜🎜🎜🎜🎜