html中,有的css樣式在樣式表里不起作用是設(shè)置錯誤造成的,解決方法為:
十多年的泗陽網(wǎng)站建設(shè)經(jīng)驗,針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。全網(wǎng)整合營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整泗陽建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計,從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)公司從事“泗陽網(wǎng)站設(shè)計”,“泗陽網(wǎng)站推廣”以來,每個客戶項目都認真落實執(zhí)行。
1、在如圖網(wǎng)頁中,我們可以看到style中的樣式列表,以及所展示的效果圖。
2、將style中的全部css樣式選中,然后復(fù)制或者剪切。
3、然后ctrl+N新建一個CSS樣式文件,如圖所示,然后創(chuàng)建。
4、在創(chuàng)建的css樣式文件中,將剛才復(fù)制的文件粘貼到這里。
5、在導(dǎo)出時,需要放到之前網(wǎng)頁所在的同文件夾位置,可以新創(chuàng)建一個css文件夾,方便尋找導(dǎo)入。
6、然后回到html文件中,將之前的style樣式全部刪除即可,然后輸入link鏈接標簽,將之前保存的css樣式鏈接進來,保存。
從代碼上看,這import的路徑就上絕對路徑啊。
首先要確認import的這些css的具體路徑是什么,如果是從根目錄開始,那你前面就少東西,如果是相對路徑,那就改成相對路徑,是相對這個css的路徑。如果這些css跟這個主css是同目錄下的,那就用點開頭的相對路徑。
這個沒別的問題,如果前臺報錯,后臺不報錯,那肯定就是路徑的問題了,不用糾結(jié)別的。
那是因為引入外部樣式之后,外部樣式和內(nèi)部樣式有沖突,并且外部樣式的級別高于內(nèi)部樣式導(dǎo)致的。
解決方法:加display:inline;
例:
#content {
float: left;
width: 500px;
padding: 10px 15px;
margin-left: 20px;
display:inline;
}
2.克服盒子模型的hack
原寫法:
#main-div{
width: 150px;
border: 5px;
padding: 20px;
}
修正后
#main-div1{
width: 150px;
}
#main-div1 div{
border: 5px;
padding: 20px;
}
例如:
div id="main-div"1/div
div id="main-div1"div2/div/div見圖:
兩者區(qū)別:1是把padding加到父層里,DIV的寬度是150+20+20
2是把PADDING加到子層里,div的寬度是150.
我習(xí)慣是用1的方法去自己計算寬高.
3,4.最小高度(最小寬度)IE不識別的解決方法
.container {
width:20em;
padding:0.5em;
border:1px solid #000;
min-height:8em;
height:auto;
}
* html .container {
height: 8em;
}
5.整塊元素居中對齊的方法
body{
text-align: center;
}
#container
{
text-align: left;
width: 960px;
margin: 0 auto;
}
先定義BODY中的文字整個居中text-align:center,再定義其中需要左對齊的子元素text-align:left;
6.垂直居中的CSS
#wrapper {
width:530px;
height:25px;
background:url(container.gif) no-repeat left top;
padding:0px 10px;
}
#wrapper p {
line-height:25px;
}
適用單行文字,將height設(shè)成line-height同值