CSS屬性
創(chuàng)新互聯(lián)建站堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的澄城網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!關(guān)于尺寸的
width 設(shè)置寬
height 設(shè)置高
min-width: 設(shè)置最小寬度
max-width: 設(shè)置大寬度
min-height: 設(shè)置最小高度
max-height: 設(shè)置大高度
關(guān)于文字的
font-family:微軟雅黑; 設(shè)置文字字體
font-size:16px; 設(shè)置文字大小
font-weight:bold; 設(shè)置文字加粗
color:設(shè)置文字顏色
font-style:italic 設(shè)置字體為斜體
oblique 設(shè)置文字傾斜
letter-spacing:2px|em 設(shè)置字間距
line-height 設(shè)置行高
關(guān)于文本的
text-indent: 首行縮進(jìn)
text-align:對(duì)其方式 left(左)|right(右)|center(居中)
text-shadow:2px 5px 1px #ccc 文字陰影 第一個(gè)表示水平偏移量,第二個(gè)參數(shù)表示垂直偏移量,第三個(gè)參數(shù)表示模糊量,第四個(gè)參數(shù)表示陰影顏色
text-decoration:overline(上劃線)|underline(下劃線)|line-through(刪除線)|none(無(wú))
text-decoration-color:red|#cccccc 設(shè)置線的顏色
text-decoration-style:dashed(虛線)|double(雙線)|solid(實(shí)線)|wavy(波浪線)|dotted(點(diǎn)狀線)
text-decoration- position:
關(guān)于列表
list-style:none 取消列表樣式
list-style-p_w_picpath:url() 修改列表樣式為圖片
list-style-position:inside(里邊)|outside(外邊)
list-style-type:
關(guān)于邊框
border:1px solid #ccc 第一個(gè)參數(shù)表示邊框的大小,第二個(gè)參數(shù)表示邊框的樣式,第三個(gè)參數(shù)表示邊框的顏色
第二個(gè)參數(shù)可取值:solid(實(shí)線)|dashed(虛線)|dotted(點(diǎn)狀線)|double(雙線)|groove(3D凹槽輪廓)|ridge(3D凸槽輪廓)|inset(3D凹邊輪廓)|outset(3D凸邊輪廓)
border-style:solid|dashed
border-color:#cccccc
border-width:2px
border-bottom:1px solid #ccc 設(shè)置下邊框
border-top:1px solid #ccc 設(shè)置上邊框
border-left:1px solid #ccc 設(shè)置左邊框
border-right:1px solid #ccc 設(shè)置右邊框
border-radius:2px 2px 3px 5px 設(shè)置圓角
border-top-left-radius: 設(shè)置左上角
border-top-right-radius 設(shè)置右上角
border-bottom-left-radius 設(shè)置左下角
border-bottom-right-radius 設(shè)置右下角
border-p_w_picpath:url() 設(shè)置邊框?yàn)橐粡垐D片
border-p_w_picpath-repeate:
stretch:指定用拉伸方式來(lái)填充邊框背景圖。
repeat:指定用平鋪方式來(lái)填充邊框背景圖。當(dāng)圖片碰到邊界時(shí),如果超過(guò)則被截?cái)唷?/p>
round:指定用平鋪方式來(lái)填充邊框背景圖。圖片會(huì)根據(jù)邊框的尺寸動(dòng)態(tài)調(diào)整圖片的大小直至正好可以鋪滿整個(gè)邊框。
space:指定用平鋪方式來(lái)填充邊框背景圖。圖片會(huì)根據(jù)邊框的尺寸動(dòng)態(tài)調(diào)整圖片的之間的間距直至正好可以鋪滿整個(gè)邊框。
box-shadow:2px 5px 2px 20px inset
第一個(gè)參數(shù)水平偏移量,第二個(gè)參數(shù)垂直偏移量,第三個(gè)參數(shù)模糊設(shè)置,第四個(gè)參數(shù)延伸設(shè)置,第五個(gè)參數(shù)省略時(shí)外陰影,存在時(shí)內(nèi)陰影
關(guān)于背景
background:color|p_w_picpath 設(shè)置背景為顏色或者圖片
background-color:red|#0ff 設(shè)置背景顏色
background-p_w_picpath:url() 設(shè)置背景圖片
background-size:20px|20% 50px|30% 設(shè)置背景圖大小
background-postion: left|right|center|bottom|top背景圖片位置
left 20px
插入多張背景圖片
background-p_w_picpath:url(*.jpg) 0 0,url(*.jpg) 210px 40px
0 0和210px 40px 表示的是每張背景圖的開(kāi)始位置坐標(biāo)
關(guān)于補(bǔ)白(內(nèi)邊距、外邊距)
margin:1px 上下左右外邊距為1px
margin:2px 4px 上下外邊距為2px,左右外邊距為4px
margin:5px 10px 15px 20px 上外邊距為5px,右外邊距10px,下外邊距15px,左外邊距20px
方向是上右下左
margin-top:5px
margin-right:10px
margin-bottom:15px
margin-left:20px
內(nèi)邊距
padding:1px 上下左右內(nèi)邊距為1px
padding:2px 4px 上下內(nèi)邊距為2px,左右內(nèi)邊距為4px
padding:5px 10px 15px 20px 上內(nèi)邊距為5px,右內(nèi)邊距10px,下內(nèi)邊距15px,左內(nèi)邊距20px
方向是上右下左
padding-top:5px
padding-right:10px
padding-bottom:15px
padding-left:20px
關(guān)于布局的
display:block; 行轉(zhuǎn)塊 或者顯示
display:none 隱藏不占空間
opacity:0.5 設(shè)置透明度
filter:alpha(opacity=50) IE下設(shè)置透明度
overflow:hidden 超出部分隱藏
scroll 顯示滾動(dòng)條
auto 當(dāng)有內(nèi)容超出容器時(shí)顯示滾動(dòng)條
overflow-x:橫向超出部分隱藏
overflow-y:縱向超出部分隱藏
定位
position:fixed; 固定定位
position:absolute 絕對(duì)定位
position:relative 相對(duì)定位
z-index:1-999 調(diào)整層關(guān)系,數(shù)值越大越優(yōu)先顯示
浮動(dòng)
標(biāo)準(zhǔn)流盒子認(rèn)為非標(biāo)準(zhǔn)流盒子不占空間,非標(biāo)準(zhǔn)流盒子認(rèn)為標(biāo)準(zhǔn)流盒子占空間
float:left 左浮動(dòng)
float:right 右浮動(dòng)
clear:both; 清除浮動(dòng)
創(chuàng)新互聯(lián)www.cdcxhl.cn,專業(yè)提供香港、美國(guó)云服務(wù)器,動(dòng)態(tài)BGP最優(yōu)骨干路由自動(dòng)選擇,持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證, 機(jī)房獨(dú)有T級(jí)流量清洗系統(tǒng)配攻擊溯源,準(zhǔn)確進(jìn)行流量調(diào)度,確保服務(wù)器高可用性。佳節(jié)活動(dòng)現(xiàn)已開(kāi)啟,新人活動(dòng)云服務(wù)器買(mǎi)多久送多久。