Css樣式?jīng)_突的示例分析

這篇文章主要介紹了Css樣式?jīng)_突的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

船營ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

CSS樣式的沖突:

1.ID選擇器 >類選擇器 >標(biāo)簽選擇器

2.行級樣式表 >內(nèi)嵌樣式表 >外部樣式表

外部樣式表的ID選擇器 >內(nèi)嵌樣式表的標(biāo)簽選擇器

原則：就近原則

CSS的各種屬性(掌握)

CSS中尺度單位的介紹

CSS的單位:

a.絕對單位 1in=2.54cm=25.4mm=72pt=6pc , pt是點(diǎn)或者磅，pc是派卡

b.相對單位：px, em(印刷單位相當(dāng)于12個點(diǎn)), %(相對周圍的文字)

*字體設(shè)置

font-size:50px; /*字體大小*/

font-style:italic ; /*斜體*/

font-weight:bold; /*粗體*/

font-family:幼圓; /*字體類型*/

font-variant:small-caps; /*小寫變大寫*/

}

*文本設(shè)置

letter-spacing:0.5cm ; /*字母間距*/

word-spacing:1cm; /*單詞間距*/

text-align:center; /*在所包含容器的中間*/

text-decoration:overline; /*字體修飾 underline下劃線 line-through中劃線 overline上劃線*/

text-transform:lowercase; /*單詞字體大小寫*/

color:red ;

}

*背景設(shè)置

body{

background-color:#ff99ff ; /*背景顏色*/

background-image:url(images/2.gif) ; /*背景圖片*/

background-repeat: no-repeat; /*no-repeat不要平鋪，repeat-x,橫向平鋪，repeat-y縱向平鋪*/

background-position:center right; /*背景位置*/

background-attachment: scroll ; /*背景的移動 ,fixed跟著滾動條一起移動，scroll不動*/

}

*列表設(shè)置

ul li{

list-style:none; /*列表前樣式*/

list-style-image:url(images/2.gif) ; /*列表項(xiàng)前圖片*/

margin-left:80px;

}

*盒子模型(border margin padding)

padding:是內(nèi)容到邊的距離

border:是邊的粗細(xì)

margin:是控件到控件的距離

*定位設(shè)置(position,float,clear,z-index)

#d{

position: absolute; /*

1.絕對定位:定義橫縱坐標(biāo) .脫離了本身的順序流

2.相對定位:相對的是自己在順序流中原來的位置

left:100px; /*橫坐標(biāo)*/

top:100px; /*縱坐標(biāo)*/

border:1px solid red ;

width:100px;

height:100px;

background-color:#ff66ff;

}

#d1{

position: relative; /*相對位置*/

left:100px;

top:100px;

border:1px solid green ;

width:100px;

height:100px;

background-color:#339900;

}

span{

position: relative;

left:20px;

top:20px;

}

z-index:值任意，值越大離我們越近

float :浮動

overflow:超出范圍怎么辦

鼠標(biāo)樣式設(shè)置(cursor)

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“Css樣式?jīng)_突的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

分享名稱：Css樣式?jīng)_突的示例分析
分享路徑：http://muchs.cn/article16/iejddg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、網(wǎng)站導(dǎo)航、響應(yīng)式網(wǎng)站、虛擬主機(jī)、外貿(mào)建站、微信公眾號

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容