前幾天一直忙著敲代碼,沒有時間整理內(nèi)容
今天上了關(guān)于position的使用打颤,position屬性有五個值
1.inherit 從父元素繼承 position 屬性的值生蚁。
2.static 默認值嗤放。沒有定位,元素出現(xiàn)在正常文檔流中( 忽視top ,left, right, bottom,或者z-index的聲明)
3.fixed 固定定位 生成絕對定位的元素廊鸥,相對于瀏覽器窗口進行定位望浩。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規(guī)定。會改變行塊元素的默認表現(xiàn)惰说。
4.relative 相對定位 相對于其正常位置進行定位磨德,元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規(guī)定。不會改變元素的默認表現(xiàn)吆视。
5.absolute 絕對定位? 生成絕對定位的元素典挑,相對于瀏覽器窗口進行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規(guī)定啦吧。
table標(biāo)簽
<table></table>默認屬性
1.display : table ; 此元素會作為塊級表格來顯示(類似 )您觉,表格前后帶有換行符。
2.border-collapse :separate 邊框會被分開授滓。屬性設(shè)置表格的邊框是否被合并為一個單一的邊框
3.border-spacing: 2px; 該屬性指定分隔邊框模型中單元格邊界之間的距離琳水。在指定的兩個長度值中,第一個是水平間隔般堆,第二個是垂直間隔在孝。除非 border-collapse 被設(shè)置為 separate,否則將忽略這個屬性淮摔。盡管這個屬性只應(yīng)用于表私沮,不過它可以由表中的所有元素繼承。
4.border-color: grey;?
<tb o d y> </ tb o dy>默認屬性
1.display: table-row-group 此元素會作為一個或多個行的分組來顯示
2.vertical : middle;
3.border-color: inherit;
4.border-collapse : separate;
< t r></ t r>默認屬性
1.display: table-row ;此元素會作為一個表格行顯示
2. vertical :inherit ;
3. border-collapse: seperate ;
<th></th>默認屬性
1.font-weight: bold;
2.display:table-cell;此元素會作為一個表格單元格顯示
3.text-indent: internal-center
<td></td>默認屬性
1.display:table-cell;
2.vertical-align: inherit;
colspan: 跨列合并 colspan="0" 指示瀏覽器橫跨到列組的最后一列
rowspan:跨行合并 rowspan="0" 指示瀏覽器橫跨到表格部分的最后一行
二.字體的使用
1.color 文字顏色設(shè)置
2.font-size 文字 字號 可以百分比 em父級文字字號的倍數(shù) rem 根的倍數(shù)
3.首行縮進設(shè)置 中文 text-indent
4.font-weight 字重
5.font-style: 斜體設(shè)置 italic 斜體設(shè)置 normal正常設(shè)置
6.font-family 字體設(shè)置
7.文字水平對齊 text-align:
8.text-align:justify 文字兩邊對齊 有兼容性問題
9.letter-spacing 字符間距
10.word-spacing 單詞間距 不支持中文
11.文字修飾 text-decoration overline 上劃線 line-through 中劃線
12.vertical 垂直對齊方式
13.內(nèi)容超出處理overflow: auto hidden scroll scroll-x scroll-y
英文沒有空格時候不換行 中文沒有換行問題
auto容器自適應(yīng)內(nèi)容和橙,內(nèi)容高度超出容易仔燕,會出現(xiàn)豎直滾動條造垛,如果內(nèi)容寬度超出容器,會出現(xiàn)水平滾動條
hidden 是把超出容器的內(nèi)容部分給裁減掉
scroll
給容器設(shè)置滾動條涨享,如果內(nèi)容沒有超出容器筋搏,將無法滾動 overflow-x: 對容器的水平方向處理overflow-y: 對容器的垂直方向處理
overflow:auto hidden 兩個屬性還可以用于清除浮動
font-size小于12px,會默認以12px結(jié)算
font-size設(shè)置 大于12px按照設(shè)置的倍數(shù)
小于12px按照12px
100-300 lighter
font-weight:400 相當(dāng)于 normal
font-weight: 500+ 相當(dāng)于 bold