新聞中心
CSS樣式表存在形式有哪些,應(yīng)用的側(cè)重點(diǎn)分別是什么?
選擇器樣式(Selector Styles):是 CSS 樣式中最常見(jiàn)的一種,通過(guò)選擇器選中需要設(shè)置樣式的元素,然后為其設(shè)置樣式。
創(chuàng)新互聯(lián)建站成立于2013年,我們提供高端網(wǎng)站建設(shè)公司、成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、網(wǎng)站定制、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、微信平臺(tái)小程序開(kāi)發(fā)、微信公眾號(hào)開(kāi)發(fā)、營(yíng)銷(xiāo)推廣服務(wù),提供專(zhuān)業(yè)營(yíng)銷(xiāo)思路、內(nèi)容策劃、視覺(jué)設(shè)計(jì)、程序開(kāi)發(fā)來(lái)完成項(xiàng)目落地,為隧道混凝土攪拌車(chē)企業(yè)提供源源不斷的流量和訂單咨詢(xún)。
CSS樣式表可以分為外部樣式表、內(nèi)部樣式表、內(nèi)聯(lián)樣式。
內(nèi)部樣式(內(nèi)聯(lián)樣式):寫(xiě)在HTML頁(yè)面內(nèi)部,存放于head標(biāo)記當(dāng)中,樣式寫(xiě)在style標(biāo)記內(nèi)。例:選擇器 {屬性名:屬性值;屬性名:屬性值;...} 外部樣式(外聯(lián)樣式):寫(xiě)在css文件內(nèi)。
3種CSS樣式表各應(yīng)用于哪種場(chǎng)景?
1、外部樣式表 外部樣式表的作用:設(shè)置一個(gè)外部樣式表,在Html頁(yè)面的head中添加,通過(guò)link標(biāo)簽標(biāo)記,rel:指定其樣式為stylesheet,type:指定其格式為text/css,herf:指定到欲應(yīng)用的css樣式文件。
2、第一種為標(biāo)簽樣式,taglib為標(biāo)簽名,后面{}里面加屬性,這種樣式對(duì)頁(yè)面內(nèi)所有的標(biāo)簽名為taglibname的標(biāo)簽起作用。
3、內(nèi)聯(lián)式css樣式。內(nèi)聯(lián)式css樣式表就是把css代碼直接寫(xiě)在現(xiàn)有的HTML標(biāo)簽中,如下面代碼:這里文字是紅色。css樣式代碼要寫(xiě)在style=雙引號(hào)中,如果有多條css樣式代碼設(shè)置可以寫(xiě)在一起,中間用分號(hào)隔開(kāi)(英文狀態(tài)下;)。
4、選擇器樣式(Selector Styles):是 CSS 樣式中最常見(jiàn)的一種,通過(guò)選擇器選中需要設(shè)置樣式的元素,然后為其設(shè)置樣式。
調(diào)用.css的外部樣式文件
css調(diào)用外部字體步驟如下: 建一個(gè)文件夾,把字體文件ttf、otf等放到文件夾內(nèi),然后創(chuàng)建一個(gè)html文件,命名為test 編輯test文件,在頁(yè)面中添加一個(gè)calss為anim的div。
外部樣式表是CSS應(yīng)用中最好的一中形式,它將CSS樣式代碼單獨(dú)放在一個(gè)外部文件中,再由網(wǎng)頁(yè)進(jìn)行調(diào)用。
使用link來(lái)調(diào)用外部的css文件在head放置來(lái)調(diào)用外部的wcss.css文件來(lái)實(shí)現(xiàn)html引用css文件詳細(xì)如下圖 此方法就不需要style標(biāo)簽,而是直接通過(guò)link一個(gè)樣式來(lái)引用外部樣式。
外部引入CSS樣式文件是通過(guò)link標(biāo)簽實(shí)現(xiàn)的,它只能位于HTML文檔的head標(biāo)簽內(nèi),且必須有href屬性,該屬性用于指定需要引入的CSS文件的路徑。
LINK標(biāo)記是放置在文檔的HEAD部分。可選的TYPE屬性用于指定媒體類(lèi)型--text/css是一個(gè)層疊樣式表--允許瀏覽器忽略它們不支持的樣式表類(lèi)型。為CSS文件配置服務(wù)器而將text/css當(dāng)作Content-type內(nèi)容發(fā)送出去也是一個(gè)好注意。
網(wǎng)頁(yè)標(biāo)題:css外部樣式表解釋 css內(nèi)部樣式和外部樣式
網(wǎng)站地址:http://ef60e0e.cn/article/didepdc.html