1. 標(biāo)簽名選擇器 div { color:Red;} 即頁面中的各個(gè)標(biāo)簽名的css樣式
創(chuàng)新互聯(lián)建站專注于岳西企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,商城網(wǎng)站開發(fā)。岳西網(wǎng)站建設(shè)公司,為岳西等地區(qū)提供建站服務(wù)。全流程按需制作網(wǎng)站,專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)
2.類選擇器 .divClass {color:Red;} 即定義的每個(gè)標(biāo)簽的class 中的css樣式
3.ID選擇器 #myDiv {color:Red;} 即頁面中的標(biāo)簽的id
4.后代選擇器(類選擇器的后代選擇器) .divClass span { color:Red;} 即多個(gè)選擇器以逗號的格式分隔 命名找到準(zhǔn)確的標(biāo)簽
HTML中常用以下三種方式定義CSS:embedding(嵌入式)、linking(外部引用式)和inline(內(nèi)聯(lián)式,也稱行內(nèi)樣式)。
一:嵌入式
用戶可在HTML文檔頭部定義多個(gè)style元素,實(shí)現(xiàn)多個(gè)樣式表。
Head?
style?type="text/css"?
!--?
body?{?
font-family:?"宋體";?
font-size:?12px;?
font-style:?normal;?
line-height:?normal;?
font-weight:?normal;?
text-decoration:?none;?
}?
--?
/style
二:外部引用式
①可以在多個(gè)文檔間共享樣式表,對于較大規(guī)模的網(wǎng)站,將CSS樣式定義獨(dú)立成一個(gè)一個(gè)的文檔,可有效地提高效率,并有利于對網(wǎng)站風(fēng)格的維護(hù)。
②可以改變樣式表,而無需更改HTML文檔,這也與HTML語言內(nèi)容與形式分開的原則相一致。
③可以根據(jù)介質(zhì)有選擇的加載樣式表。
Head?
link?rel="stylesheet"?type="text/css"?href="Css.css"?/?
/Head
三:內(nèi)聯(lián)式
使用該屬性可以直接指定樣式,當(dāng)然,該樣式僅能用于該元素的內(nèi)容,對于另一個(gè)同名的元素則不起作用。
1、樣式的屬性內(nèi)容直接跟在將要修飾的文字標(biāo)記里[如:
2、具體格式: style="font-size:10px;font-color:#ff0000"
例如:修飾單元格里的文字
四:導(dǎo)入樣式表
style?type="text/css"
!--
@import?url("css/base.css");
--
/style
第二:四種樣式的優(yōu)先級?
四種樣式的優(yōu)先級別是(從高至低):行內(nèi)樣式、內(nèi)嵌樣式、鏈接樣式、導(dǎo)入樣式。
例如圓角、陰影、gradients(漸變) 、transitions(過渡) 與 animations(動畫) 。以及新的布局方式,如 multi-columns 、 flexible box 與 grid layouts。實(shí)驗(yàn)性特性以瀏覽器引擎為前綴(vendor-prefixed),應(yīng)避免在生產(chǎn)環(huán)境中使用,或極其謹(jǐn)慎地使用,因?yàn)閷硭鼈兊恼Z法和語義都有可能被更改。
網(wǎng)站標(biāo)題:css3的四種樣式,css的三種樣式形式
網(wǎng)站網(wǎng)址:http://aaarwkj.com/article2/dsshooc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、建站公司、外貿(mào)建站、虛擬主機(jī)、品牌網(wǎng)站制作、微信公眾號
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)