list
-style
-type: none;
list
-style
-image: url(1.png);
}
border-bottom
: #0c0 double 6px;
/*虛實線*/
border-left
: #0c0 solid 6px;
/*實線*/
border-right
: #0c0 solid 6px;
border-top
: #0c0 solid 6px;
width
: 500px;
}table
td
除了**,其他只要是區域都可以設定邊界屬性(div)
**中輸入效果
hljs scss">
name:"text"/ class="ced">
number:"text"/ class="ced">
password:"text"/ class="bef">
單元格二一
單元格二二
單元格二三
/*in html*/
input.ced
input
.bef
/*in third.css*/
view the code.
div+css
use html and id selector
height
: 100px;
width
: 200px;
border
: #09f solid 2px;
}
#div-2
#div-3
body
a:漂浮float|none|left|right
*none:預設不漂浮
*left:文字流向物件右邊
*right:文字流向物件左邊
background-color
: #000;
color
: #fff;
float
: left;
}
clear:none|left|right|both
left:不允許左邊有浮動物件
right:不允許右邊有浮動物件
both:不允許有浮動物件
b:定位position
position:static|absolute|fixed|relative
static|預設
absolute|絕對:從文件流中拖出,漂浮在空中
background-color
: #000;
color
: #fff;
position
: absolute;
top: 50px;
left
: 200px;
} //可以飛動;
沒有指定父本,相對body而言
fixed|
relative|物件不可層疊,在正常的文件流中偏移位置。
background-color
: #000;
color
: #fff;
position
: relative;
top: 50px;
left
: 200px;
}
c:**混排
d:影象簽名
CSS和JS結合控制樣式
css控制樣式,毋庸置疑。但有時,僅靠css卻很難控制好,比如說,頁面在多種條件下進行不同的呈現 或者執行過程中,會發生變化,比如說,左側的選單欄收縮了,那麼右側的寬度就變大了。就拿這個元素的width height來說,頁面變了,預先設定的值就不合適 甚至乎,從一開始,你就不知道該預先設定什麼值,...
css樣式層疊的應用
今天做了乙個專題頁,應用到了css的特殊性和繼承。其實疊層樣式就是通過繼承和特殊性來實現的。邏輯結構如下 div.content div.bgb.con1 div.bgb.con2 解釋 1.設計圖是乙個年貨專場,分為自提商品和快遞商品兩塊。中用con1和con2來表示。自提商品和快遞商品塊中都有背...
控制項 應用css樣式
html view plain copy print?asp menu id mnutopmenu runat server dynamicenabledefaultpopoutimage false dynamichorizontaloffset 1 font bold false orienta...