html中，有的css样式在样式表里不起作用是设置错误造成的，解决方法为：
十多年的泗阳网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网整合营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整泗阳建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联公司从事“泗阳网站设计”,“泗阳网站推广”以来，每个客户项目都认真落实执行。
1、在如图网页中，我们可以看到style中的样式列表，以及所展示的效果图。
2、将style中的全部css样式选中，然后复制或者剪切。
3、然后ctrl+N新建一个CSS样式文件，如图所示，然后创建。
4、在创建的css样式文件中，将刚才复制的文件粘贴到这里。
5、在导出时，需要放到之前网页所在的同文件夹位置，可以新创建一个css文件夹，方便寻找导入。
6、然后回到html文件中，将之前的style样式全部删除即可，然后输入link链接标签，将之前保存的css样式链接进来，保存。
从代码上看，这import的路径就上绝对路径啊。
首先要确认import的这些css的具体路径是什么，如果是从根目录开始，那你前面就少东西，如果是相对路径，那就改成相对路径，是相对这个css的路径。如果这些css跟这个主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同值
