---css格式
p其中,p為選擇器,選擇器包括:html元素 id class
---外部樣式,引入css檔案
---內部樣式
---內聯樣式
love you
---樣式優先順序
內聯樣式》內部樣式》外部樣式》瀏覽器預設
---樣式屬性
-背景background-image:url('***.jpg');
background-repeat:repeat-x;
background-position:right top;
background-color:red;
-文字樣式
text-align:center; // 文字的水平對齊方式,center|right|justify(兩邊對齊)
vertical-align:bottom; // 文字垂直對齊方式
text-decoration:none; // 設定連線沒有下劃線,overline|line-through|underline
text-transform:uppercase; // 文字大小寫轉換,uppercase|lowercase|capitalize(單詞首字母大寫)
text-indent:30px; // 文字縮排
line-heigth:30px; // 行高
-布局樣式
padding:10px; // 內填充
margin:10px; // 外填充
margin:auto; // 水平居中對齊元素
width:50px;
height:50px; // 元素的寬高只表示內容區域的寬高,整個元素的寬高還包括:margin border padding
-邊框border:1px solid black; // **邊框樣式
border-collapse:collapse; // **邊框是否為單一邊框
-元素顯示
display:none; // 隱藏元素,不佔原來的布局
visibility:hidden; // 隱藏元素,佔原來的布局
display:inline; // 元素以行的形式依次排列顯示
display:block; // 元素以塊狀的形式顯示,乙個元素佔據一行
-元素定位
position:fixed;
fixed //
相對於瀏覽器視窗固定的位置
fixed定位在ie7和ie8下需要描述!doctype才能支援
fixed定位使元素的位置與文件流無關,因此不佔據空間
fixed定位的元素和其他元素重疊
static // 瀏覽器預設定位方式,處於文件流中
relative // 相對於其他元素的位置,處於文件流中
absolute //
絕對定位的元素的位置相對於最近的已定位父元素,如果元素沒有已定位的父元素,那麼它的位置相對於
定位使元素的位置與文件流無關,因此不佔據空間
定位的元素和其他元素重疊
z-index:-1; // 重疊元素的位置
overflow:auto; // 設定當元素的內容溢位其區域時發生的事情
float:right; // 元素的浮動
乙個浮動元素會盡量向左或向右移動,直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止
浮動元素之後的元素將圍繞它
clear:both; // 指定元素兩側不能出現浮動元素
---選擇器
div p // 所有後代選擇器
div>p // 直接子元素選擇器
div+p // 相鄰選擇器
div~p // 後續兄弟選擇器
CSS高階知識(常用)
1.css優先權 2.屬性選擇器 屬性選擇器 可以為擁有指定屬性的html元素設定樣式,而不僅限於class 和id 而且只有在規定了時,ie7和ie8才支援屬性選擇器。在ie6及更早更低的瀏覽器版本中,不支援屬性選擇器。e attr 只使用屬性名稱,但沒有確定任何屬性值 e attr value ...
常用的CSS知識
常用的css知識 by 又見花開 發表於 2006 9 18 11 36 00 1.block和inline元素對比 所有的html元素都屬於block和inline之一。block元素的特點是 總是在新行上開始 高度,行高以及頂和底邊距都可控制 寬度預設是它的容器的100 除非設定乙個寬度 然後分...
CSS常用知識點
一 浮動框可以向左或向右移動,直到外邊緣碰到包含框或另乙個浮動框邊框為止。常用浮動 float left 向左 float right 向右 加上浮動之後 還要清除浮動 cl after 二 2.1 定位 難點 position static 沒有定位 fixed 絕對定位,相對瀏覽器始終顯示 相對...