css屬性分為1、Type類型;
2、Background背景;
3、Block塊;
4、Box盒子;
5、Border邊框;
6、List列表;
7、Positioning定位;
8、Extensions擴展,但不包括empty-cells屬性。
1、position:relative;相對定位
1> 不影響元素本身特性(無論區(qū)塊元素還是內聯(lián)元素會保留其原本特性)
2> 不會使元素脫離文檔流(元素原本位置會被保留,即改變位置也不會占用新位置)3> 沒有定位偏移量時對元素無影響(相對于自身原本位置進行偏移)
2、position: absolute;絕對定位
1> 使元素完全脫離文檔流(在文檔流中不再占位)
2> 使內聯(lián)元素在設置寬高的時候支持寬高(改變內聯(lián)元素的特性)
3> 使區(qū)塊元素在未設置寬度時由內容撐開寬度(改變區(qū)塊元素的特性)
4> 相對于最近一個有定位的父元素偏移(若其父元素沒有定位則逐層上找,直到document——頁面文檔對象)
5> 相對定位一般配合絕對定位使用(將父元素設置相對定位,使其相對于父元素偏移)6> 提升層級(同相對定位)
3、position: fixed;固定定位fixed生成固定定位的元素,相對于瀏覽器窗口進行定位。
4、position:static:默認值默認布局。元素出現(xiàn)在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。5、position: sticky 粘性定位粘性定位,該定位基于用戶滾動的位置。它的行為就像 position:relative; 而當頁面滾動超出目標區(qū)域時,它的表現(xiàn)就像 position:fixed;
text-transform是css文本屬性。
CSS中,使用 text-transform屬性來對文本進行大小寫轉換,取值為 none | capitalize | uppercase | lowercase | full-width,默認為 none。
none 表示無轉換,保持原樣;capitalize 表示將每個單詞的首字母轉換成大寫,其它字符不變;uppercase 表示將文本的所有字符轉換成大寫;lowercase 表示將文本的所有字符轉換成小寫;full-width 表示將所有字符轉換成全角形式(全角占兩個字節(jié),半角占一個字節(jié)),如果字符沒有全角形式,將保持原樣,其典型用途是將拉丁字符及數(shù)字排版為表意字符形式。
表示行高的css屬性是line-height,該屬性可以設置行間的距離(行高),語法“l(fā)ine-height:值;”,屬性值不可為負數(shù)。在應用到一個塊級元素時,line-height屬性定義了該元素中基線之間的最小距離而不是最大距離。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3版、Dell G3電腦。
表示行高的css屬性是line-height。
line-height 屬性可以設置行間的距離(行高);不允許使用負值。
line-height屬性會影響行框的布局。在應用到一個塊級元素時,它定義了該元素中基線之間的最小距離而不是最大距離。
line-height 與 font-size 的計算值之差(在 CSS 中成為“行間距”)分為兩半,分別加到一個文本行內容的頂部和底部。可以包含這些內容的最小框就是行框。
line-height屬性可以設置的屬性值:
值 描述
normal 默認。設置合理的行間距。
number 設置數(shù)字,此數(shù)字會與當前的字體尺寸相乘來設置行間距。
length 設置固定的行間距。
% 基于當前字體尺寸的百分比行間距。
inherit 規(guī)定應該從父元素繼承 line-height 屬性的值。