複習HTML/CSS5

時間 2019-11-19

標籤複習 html css5 css 欄目 HTML 简体版

原文原文鏈接

一、單位css

1.px 就是一個基本的單位像素html

2.em 也是一個單位用父級元素的字體大小乘以em前面的數字。若是父級沒有就繼承上一個父級直到body，若是body沒有那就默認是16px。css3

3.rem 也是一個單位，只跟根節點<html>的字體大小有關，若是沒有默認是16px。web

4.line-height 行高 line-height:2; 行高值是當前數字2乘以元素字體大小。瀏覽器

二、瀏覽器佈局

瀏覽器和瀏覽器之間是由差距的，這個差距是由瀏覽器自身的內核決定的。字體

每一個瀏覽器都有本身的前綴，主要解決css3中的兼容問題。flex

Chrome(谷歌) 的前綴 -webkit-htm

Firefox(火狐) 的前綴 -moz-blog

Ie 的前綴 -ms-

Opera(歐朋) 的前綴 -o-

國內的瀏覽器的內核是谷歌。

3、佈局

流式佈局 float+margin
定位
雙飛翼
聖盃
彈性盒子佈局移動端佈局

全稱叫彈性和模型：是由父級的彈性容器和子級的彈性子元素二者構造。

Display:flex;這個屬性決定誰是彈性容器，他裏面的子元素就是彈性子元素。

Flex 是彈性子元素在彈性容器中所佔的份數。屬性值是數字

6.表格佈局

.aa{

　　width：800px；

　　height：60px；

　　border：1px solid red;

　　margin:0 auto;

　　display:table;

}

.aa>div{

　　display:table-cell;

　　text-align:center;

}

7. box-sizing：border-box；這個屬性讓元素的實際寬度就等於設置width，即使有了padding和border只會向內擠壓，元素的可利用空間變小。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。