普通的保存樣式表,刷新頁(yè)面會(huì)看到效果。
公司主營(yíng)業(yè)務(wù):成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競(jìng)爭(zhēng)能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對(duì)我們的高要求,感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。成都創(chuàng)新互聯(lián)公司推出隴西免費(fèi)做網(wǎng)站回饋大家。
sass或less等需要編譯的語(yǔ)言需要編譯后刷新頁(yè)面才能看到效果。
不生效的原因
選擇器寫錯(cuò)
語(yǔ)法錯(cuò)誤
選擇器路徑有誤
出現(xiàn)很多這種狀況,怕路徑出錯(cuò),就復(fù)制路徑,一不小心就復(fù)制多了一個(gè)選擇器,所以出現(xiàn)css不生效的原因。復(fù)制的問(wèn)題小心,切記。
第一,可能你沒(méi)引用該css
第二,可能你選擇器的優(yōu)先級(jí)不夠
第三,可能被后面的css覆蓋掉了
第四,可能是js動(dòng)態(tài)改變了該css
第五,你沒(méi)有進(jìn)行底層刷新清除緩存樣式
第一步,打開編輯器,創(chuàng)建一個(gè)html頁(yè)面
第二步,給html頁(yè)面添加內(nèi)容
第三步,創(chuàng)建一個(gè)css文件
第四步,在html引入這個(gè)css文件
第五步,給css文件添加樣式代碼
第六步,查看效果,樣式是否生效
1、首先打開前端開發(fā)工具,新建一個(gè)HTML代碼頁(yè)面,如下圖所示。
2、在html代碼頁(yè)面上創(chuàng)建一個(gè)父div和一個(gè)子div,同時(shí)給這兩個(gè)div添加一個(gè)class分別為scroll-box、scroll。
3、給子div添加內(nèi)容,為了讓滾動(dòng)條可以實(shí)現(xiàn),盡量多添加一些內(nèi)容。
4、設(shè)置scroll-box、scroll類樣式。給scroll-box設(shè)置一個(gè)高度和內(nèi)容超出后隱藏的樣式,給scroll設(shè)置內(nèi)容超出后顯示滾動(dòng)條、高度為100%、寬=100%+滾動(dòng)條的寬
5、最后保存html代碼,然后使用瀏覽器打開,這個(gè)時(shí)候會(huì)發(fā)現(xiàn)滾動(dòng)條已經(jīng)不顯示出來(lái),但是頁(yè)面內(nèi)容依然可以滾動(dòng)。
有四種方式的:
1. 鏈入外部樣式表
head
……
link href="mystyle.css" rel="stylesheet" type="text/css" media="all"
……
/head
4. 內(nèi)嵌樣式
p style="color: sienna;margin-left: 20px;"
這是一個(gè)段落
/p
!--這個(gè)段落顏色為土黃,左邊距為20象素--
2. 內(nèi)部樣式表
head
……
style type="text/css"
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
/style
……
/head
3. 導(dǎo)入外部樣式表
head
……
style type=”text/css”
!--
@import “mystyle.css”
其他樣式表的聲明
--
/style
……
/head