在調(diào)試中發(fā)現(xiàn)css樣式被劃了橫線表示該css樣式被層疊不會(huì)被解釋執(zhí)行,相當(dāng)于沒(méi)寫!

創(chuàng)新互聯(lián)專注于阜南網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供阜南營(yíng)銷型網(wǎng)站建設(shè),阜南網(wǎng)站制作、阜南網(wǎng)頁(yè)設(shè)計(jì)、阜南網(wǎng)站官網(wǎng)定制、微信平臺(tái)小程序開發(fā)服務(wù),打造阜南網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供阜南網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。
當(dāng)同一個(gè)HTML元素被不止一個(gè)樣式定義時(shí),一般而言,所有的樣式會(huì)根據(jù)下面的規(guī)則層疊于一個(gè)新的虛擬樣式表中,其中數(shù)字 4 擁有最高的優(yōu)先權(quán)。
1.瀏覽器缺省設(shè)置
2.外部樣式表
3.內(nèi)部樣式表(位于 head 標(biāo)簽內(nèi)部)
4.內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)
因此,內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)擁有最高的優(yōu)先權(quán),這意味著它將優(yōu)先于以下的樣式聲明:head 標(biāo)簽中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。
2種方法:
1、給這個(gè)數(shù)字添加css屬性:text-decoration: line-through;
2、給這個(gè)數(shù)字添加標(biāo)簽:del。如:del9999/del。
text-decoration詳解:
text-decoration : none || underline || blink || overline || line-through
none : 無(wú)裝飾。text-decoration:none 無(wú)裝飾,通常對(duì)html下劃線標(biāo)簽去掉下劃線樣式。
blink : 閃爍
underline : 下劃線。text-decoration:underline 下劃線樣式。
line-through : 貫穿線。text-decoration:line-through 刪除線樣式-貫穿線樣式。
overline : 上劃線。text-decoration:overline 上劃線樣式。
擴(kuò)展資料:
我們進(jìn)行對(duì)3個(gè)盒子對(duì)象分別設(shè)置對(duì)象內(nèi)文字下劃線、文字刪除線樣式、字體上劃線樣式。
1、css代碼片段:
.divcss5{text-decoration:underline}
.divcss5_1{text-decoration:line-through}
.divcss5_2{text-decoration:overline}?
2、html代碼片段:
div?class="divcss5"我被加下劃線/div
div?class="divcss5_1"我被加貫穿刪除線/div
div?class="divcss5_2"我被加上劃線/div
沒(méi)看到有圖,一般下邊框是:
style="border-top:1px dashed #ccc" dashed 是虛線
style="border-top:1px solid #000000" solid 是實(shí)線
這是基本的CSS你不知道,看來(lái)你需要的是一個(gè)CSS手冊(cè),
style type="text/css" media="screen"
.line_m{text-decoration:line-through}
/style
span class="line_m"中間是空格/span文字span class="line_m"中間是空格/span
需要多長(zhǎng)就多加一個(gè)(空格)。
CSS就是一種叫做樣式表(stylesheet)的技術(shù)。也有的人稱之為層疊樣式表(Cascading Stylesheet)。
在主頁(yè)制作時(shí)采用CSS技術(shù),可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。
只要對(duì)相應(yīng)的代碼做一些簡(jiǎn)單的修改,就可以改變同一頁(yè)面的不同部分,或者頁(yè)數(shù)不同的網(wǎng)頁(yè)的外觀和格式。
它的作用可以達(dá)到:
(1)在幾乎所有的瀏覽器上都可以使用。
(2)以前一些非得通過(guò)圖片轉(zhuǎn)換實(shí)現(xiàn)的功能,現(xiàn)在只要用CSS就可以輕松實(shí)現(xiàn),從而更快地下載頁(yè)面。
(3)使頁(yè)面的字體變得更漂亮,更容易編排,使頁(yè)面真正賞心悅目。
(4)你可以輕松地控制頁(yè)面的布局 。
(5)你可以將許多網(wǎng)頁(yè)的風(fēng)格格式同時(shí)更新,不用再一頁(yè)一頁(yè)地更新了。你可以將站點(diǎn)上所有的網(wǎng)頁(yè)風(fēng)格都使用一個(gè)CSS文件進(jìn)行控制,只要修改這個(gè)CSS文件中相應(yīng)的行,那么整個(gè)站點(diǎn)的所有頁(yè)面都會(huì)隨之發(fā)生變動(dòng)。
這樣的就上面的優(yōu)先級(jí)比下面的高,取上面的值。。
但是你那個(gè)widow:100%是寫錯(cuò)的沒(méi)有這樣的屬性應(yīng)該是width吧,寫錯(cuò)也出橫線的 提示無(wú)效的屬性
1、做一個(gè)合適的橫條圖片,放到空間下,如下圖
2、新建CSS樣式,取好樣式名。
3、在CSS規(guī)則定義下,在“Background-color”后選擇剛才的圖片。
4、在Background-repeat下選擇“repeat”,這是說(shuō)明讓背景圖重復(fù)平鋪。
5、定義好DIV方框的寬和高。
6,看效果,符代碼“background-image: url(11.fw.png); background-repeat: repeat;”
文章名稱:css樣式橫線,css樣式div橫向排列
文章出自:http://chinadenli.net/article24/dsgdije.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、外貿(mào)建站、品牌網(wǎng)站建設(shè)、網(wǎng)站策劃、全網(wǎng)營(yíng)銷推廣、手機(jī)網(wǎng)站建設(shè)
聲明:本網(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)