從今天起,我們正式開始了css3之旅,要是說(shuō)html是一朵花,那么css3可以為它增貼色彩,而js能為這朵五彩斑斕的花增加香氣。話不多說(shuō),我們先來(lái)認(rèn)識(shí)一下css3吧!

CSS3是CSS(層疊樣式表)技術(shù)的升級(jí)版本,于1999年開始制訂,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模塊、超鏈接方式、語(yǔ)言模塊、背景和邊框、文字特效、多欄布局等模塊?[1]??。
CSS演進(jìn)的一個(gè)主要變化就是W3C決定將CSS3分成一系列模塊。瀏覽器廠商按CSS節(jié)奏快速創(chuàng)新,因此通過(guò)采用模塊方法,CSS3規(guī)范里的元素能以不同速度向前發(fā)展,因?yàn)椴煌臑g覽器廠商只支持給定特性。但不同瀏覽器在不同時(shí)間支持不同特性,這也讓跨瀏覽器開發(fā)變得復(fù)雜.
這是它的定義,也許聽不懂。概括起來(lái)就是給html中隨便一個(gè)標(biāo)簽增貼屬性,讓它輸出的內(nèi)容是藍(lán)色,也可以是綠色,隨便什么顏色。看你的心情。
那怎么給html5增貼css3的屬性呢?總共有3中方式。
1.內(nèi)聯(lián)式,如圖:
Document 就是在一個(gè)標(biāo)簽后面加上style,在那里面加上需要的屬性即可。
2.嵌入式,如圖:
Document 如圖所示,小編給了兩種,也是最基本的兩種。在head標(biāo)簽里輸入style標(biāo)簽,然后給p標(biāo)簽增加class屬性或id屬性,隨手給它取個(gè)名字。在style你會(huì)發(fā)現(xiàn),你需要先輸入它的名字,{}大括號(hào)將屬性給擴(kuò)起來(lái)。有一個(gè)小細(xì)節(jié),id與class不同,id是大范圍的,class是小范圍的,需要注意哦!
另外,class查找需要“? .? ?”,id查找需要“? ?#? ?”。
3.外部式,如圖

這需要用link標(biāo)簽來(lái)進(jìn)行鏈接,與我們將來(lái)要學(xué)習(xí)到的js一樣哦!與嵌入式相同,只是創(chuàng)建了一個(gè)文件,注意,css文件地址不要搞錯(cuò)哦。
css3已經(jīng)介紹完了,記得多看幾遍,下節(jié)課,小編帶你學(xué)習(xí)真正的css3,
記得點(diǎn)個(gè)關(guān)注,來(lái)我主頁(yè)看看吧!
小旭的前端筆記的博客_博客-領(lǐng)域博主
你是否還在尋找穩(wěn)定的海外服務(wù)器提供商?創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級(jí)流量清洗系統(tǒng)配攻擊溯源,準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性,企業(yè)級(jí)服務(wù)器適合批量采購(gòu),新人活動(dòng)首月15元起,快前往官網(wǎng)查看詳情吧
網(wǎng)站名稱:初識(shí)css3-創(chuàng)新互聯(lián)
網(wǎng)址分享:http://chinadenli.net/article38/hhcsp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、定制開發(fā)、做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、微信小程序
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容