重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、路径写错,这是一种常犯的错误。
创新互联拥有十余年成都网站建设工作经验,为各大企业提供网站建设、成都网站制作服务,对于网页设计、PC网站建设(电脑版网站建设)、成都app开发、wap网站建设(手机版网站建设)、程序开发、网站优化(SEO优化)、微网站、空间域名等,凭借多年来在互联网的打拼,我们在互联网网站建设行业积累了很多网站制作、网站设计、网络营销经验,集策划、开发、设计、营销、管理等网站化运作于一体,具备承接各种规模类型的网站建设项目的能力。
2、CSS样式的选择器使用错误,这个原因只会造成部分没有样式,而不会造成整个网页没有样式
3、IIS安装问题
前两种原因,只能算是对代码的不熟悉。只能通过练习,熟练掌握 绝对路径和相对路径。才能避免这样的错误产生。后一种原因,可以重新安装IIS解决。
请按以下步骤操作:
1、打开一个aspx或html文件,在“HTML源编辑器”中的Schema改为“IE6”
2、双击一个css文件,它现在可以正常打开了。
3、关闭这个css文件,再将“HTML源编辑器”中的Schema改为“Html5”
4、再次尝试打开这个Css文件,如果能打开,就一切OK了。
Note:已升级了SP1的VS2010已自带了Html5+Css3的,不用下载什么Html5与Css3补丁。
你是写在style里面的吗?
如下:
style type="text/css"
@import"css/index.css"; 此处要注意.css文件的路径
/style
从代码上看,这import的路径就上绝对路径啊。
首先要确认import的这些css的具体路径是什么,如果是从根目录开始,那你前面就少东西,如果是相对路径,那就改成相对路径,是相对这个css的路径。如果这些css跟这个主css是同目录下的,那就用点开头的相对路径。
这个没别的问题,如果前台报错,后台不报错,那肯定就是路径的问题了,不用纠结别的。
有以下2种情况会导致该问题:
1、典型的css兼容问题,即该组css样式中使用了火狐浏览器不兼容的属性,导致样式无法生效;
2、火狐浏览器的误设置,将css样式关闭。开启方式:菜单-查看-页面样式,选择为“基本页面样式”即可。
解决方法:加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见图:
两者区别:1是把padding加到父层里,DIV的宽度是150+20+20
2是把PADDING加到子层里,div的宽度是150.
我习惯是用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设成line-height同值