外部樣式表: 當(dāng)樣式需要應(yīng)用于很多頁面時(shí),外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變一個(gè)文件來改變整個(gè)站點(diǎn)的外觀。每個(gè)頁面使用 link 標(biāo)簽鏈接到樣式表。link 標(biāo)簽在(文檔的)頭部:head link rel="stylesheet" type="text/css" href="mystyle.css" / /head瀏覽器會(huì)從文件 mystyle.css 中讀到樣式聲明,并根據(jù)它來格式文檔。
成都創(chuàng)新互聯(lián)成都網(wǎng)站建設(shè)按需設(shè)計(jì),是成都網(wǎng)站營銷推廣公司,為自拌料攪拌車提供網(wǎng)站建設(shè)服務(wù),有成熟的網(wǎng)站定制合作流程,提供網(wǎng)站定制設(shè)計(jì)服務(wù):原型圖制作、網(wǎng)站創(chuàng)意設(shè)計(jì)、前端HTML5制作、后臺(tái)程序開發(fā)等。成都網(wǎng)站推廣熱線:028-86922220
內(nèi)部樣式表: 當(dāng)單個(gè)文檔需要特殊的樣式時(shí),就應(yīng)該使用內(nèi)部樣式表。你可以使用 style 標(biāo)簽在文檔頭部定義內(nèi)部樣式表,就像這樣:head style type="text/css" hr {color: sienna;} p {margin-left: 20px;}?
內(nèi)聯(lián)樣式: 由于要將表現(xiàn)和內(nèi)容混雜在一起,內(nèi)聯(lián)樣式會(huì)損失掉樣式表的許多優(yōu)勢。請(qǐng)慎用這種方法,例如當(dāng)樣式僅需要在一個(gè)元素上應(yīng)用一次時(shí)。要使用內(nèi)聯(lián)樣式,你需要在相關(guān)的標(biāo)簽內(nèi)使用樣式(style)屬性。
css應(yīng)盡量避免內(nèi)聯(lián)樣式,js也同理。
對(duì)開發(fā)者來說,樣式與html分離,有助于后期更改一個(gè)新的樣式(也可以說新的主題,很多ui框架都是直接切換主題的)
對(duì)瀏覽器來說,樣式文件由于是單獨(dú)文件,可以在本地建立一個(gè)緩存,有利于加快訪問網(wǎng)頁。
對(duì)服務(wù)器來說,如果樣式文件瀏覽器減少加載,那么服務(wù)器就可以減少下載流量,可以節(jié)約服務(wù)器帶寬。
雖然這些東西,對(duì)于一個(gè)用戶來說是微不足道的,但是當(dāng)數(shù)量級(jí)達(dá)到一定程度,一個(gè)字節(jié)的流量都是十分重要的
有兩種可能
第一個(gè)、添加了行內(nèi)樣式,如果標(biāo)簽內(nèi)添加了行內(nèi)樣式的css內(nèi)聯(lián)或外聯(lián)樣式中的對(duì)應(yīng)屬性無效;
第二個(gè)、優(yōu)先級(jí)即權(quán)重導(dǎo)致,內(nèi)聯(lián)樣式id選擇器類選擇器元素選擇器
舉例:
#box?p?span?em{xxx}??100+1+1+1
#box?.txt?em{xxxxx}??100+10+1
div?id="box"
p?class="txt"
em文字/em
/p
/div
上面兩個(gè)在具有相同樣式的情況下只顯示第二個(gè)里面的,第一個(gè)里面的相同樣式無效
HTML優(yōu)點(diǎn)和缺點(diǎn)
優(yōu)點(diǎn):1.簡單易學(xué)2.結(jié)構(gòu)與缺陷瀏覽器也能讀得懂
缺點(diǎn):1.雜亂的結(jié)構(gòu),可讀性低2.只能對(duì)文本進(jìn)行排版,而且HTML樣式使用標(biāo)準(zhǔn)文本標(biāo)識(shí),不能創(chuàng)建一些特殊效果
CSS優(yōu)點(diǎn)和缺點(diǎn)
優(yōu)點(diǎn):1,CSS對(duì)于設(shè)計(jì)者來說是一種簡單、靈活、易學(xué)的工具,能使任何瀏覽器都聽從指令,知道該如何顯示元素及其內(nèi)容
2,個(gè)樣式表可以用于多個(gè)頁面,甚至整個(gè)站點(diǎn),因此具有更好的易用性和擴(kuò)展性
3,使用CSS樣式表定義整個(gè)站點(diǎn),可以大大簡化網(wǎng)站建設(shè),減少設(shè)計(jì)者的工作量
缺點(diǎn):1.瀏覽器支持的不一致性 2.CSS沒有父層選擇器3.不能明確地指定繼承性4.垂直控制的局限 5.顯示的缺乏6.缺乏正交性
行間樣式,p style="color:red;"adfdfa/p,如果是改一個(gè)兩個(gè)P標(biāo)簽還算好,復(fù)制一下,如果是幾十個(gè)P標(biāo)簽?zāi)兀獡Q顏色,那得復(fù)制幾十次,這代碼是不是就多了起來了,性能肯定會(huì)有所下降吧,并且復(fù)制這么多次也是很麻煩的不是嗎?
css無所謂方法不方法的,只是調(diào)取方式不一樣而已,
分別是
外部樣式:將網(wǎng)頁鏈接到外部樣式表。
內(nèi)頁樣式:在網(wǎng)頁上創(chuàng)建嵌入的樣式表。
行內(nèi)樣式:應(yīng)用內(nèi)嵌樣式到各個(gè)網(wǎng)頁元素。
通常都是采用外部樣式,也就是把css樣式寫在樣式表里,然后調(diào)取樣式表獲取樣式,這幾個(gè)方法不分優(yōu)劣,采用外部樣式主要是為了精簡頁面代碼量
內(nèi)頁樣式與外部樣式差不多,相當(dāng)于把樣式表寫在頁面上了,這個(gè)方法容易增加頁面代碼量
而行內(nèi)樣式通常不推薦,一般作用主要是用于優(yōu)先樣式,這個(gè)樣式是優(yōu)先調(diào)取的,比如一個(gè)頁面同時(shí)都用了3種方法,都設(shè)置了同一種css屬性的不同值,那么行內(nèi)樣式是優(yōu)先調(diào)取的,頁面以這個(gè)樣式為準(zhǔn)
標(biāo)題名稱:css行內(nèi)樣式的弊端,css 行內(nèi)樣式
當(dāng)前路徑:http://sd-ha.com/article30/dssgoso.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、網(wǎng)站排名、外貿(mào)網(wǎng)站建設(shè)、動(dòng)態(tài)網(wǎng)站、品牌網(wǎng)站制作、全網(wǎng)營銷推廣
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)