css 解决浏览器兼容问题
建站知识 2021-07-03 08:43www.168986.cn长沙网站建设
这里大家要知道CSS不兼容的原因是因为各浏览器给CSS默认属性值不一样造成的。
第一招给常用CSS规定属性值。
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td{margin:0;padding:0;}
img{border:0px;}
ul {margin:0px;padding:0px;}
ul li {list-style:none;}
上面的建站常用代码就相是格式化CSS样式,让各浏览器按照我们设置的属性值渲染网页
第二招IE和FF下对象居中问题
IE下大家应该知道只要设置body{text-align:center;}这样就可以居中显示。
这样的方法在FF不行的。这里就需要给修改成body:{text-align:center;margin:0px auto;}Margin的意思就是上下距离为0像素,左右为自动。所以FF就会居中显示。
第三招垂直居中(仅只用于一行)
比如说一个高30px的div,问题默认是会显示在左上角,如果想垂直居中对其可以加个line- height:30px;样式。如果你想让他居下方则在修改line-height:30px;数值越大越局下,为了防止撑破层,还需要再给一个样式 overflow:hidden;(超出的部分不显示)
第四招给每一个块对象设置三个样式
width:px;height:px;overflow:hidden;即便高、宽是属性值是自动那么也需要去设置这三个样式。目的就是解决浏览器默认值的问题。
第五招针对IE6、IE7、FF的css样式(这一招在特殊情况下经常用到)
原来建设网站经常使用!important来设置优先权,但有了IE7之后就不行了。狼蚁网站SEO优化给大家个可以解决IE6、IE7、FF各个CSS优先权的方法
#1 { color: #333; } / FF环境 /
html #1 { color: #666; } / IE6环境 /
+html #1 { color: #999; } / IE7环境 /
上面的书写顺序一定不能改变。
这样子网页在FF下显示#333,IE6下显示#666,IE7下显示#999;
第一招给常用CSS规定属性值。
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td{margin:0;padding:0;}
img{border:0px;}
ul {margin:0px;padding:0px;}
ul li {list-style:none;}
上面的建站常用代码就相是格式化CSS样式,让各浏览器按照我们设置的属性值渲染网页
第二招IE和FF下对象居中问题
IE下大家应该知道只要设置body{text-align:center;}这样就可以居中显示。
这样的方法在FF不行的。这里就需要给修改成body:{text-align:center;margin:0px auto;}Margin的意思就是上下距离为0像素,左右为自动。所以FF就会居中显示。
第三招垂直居中(仅只用于一行)
比如说一个高30px的div,问题默认是会显示在左上角,如果想垂直居中对其可以加个line- height:30px;样式。如果你想让他居下方则在修改line-height:30px;数值越大越局下,为了防止撑破层,还需要再给一个样式 overflow:hidden;(超出的部分不显示)
第四招给每一个块对象设置三个样式
width:px;height:px;overflow:hidden;即便高、宽是属性值是自动那么也需要去设置这三个样式。目的就是解决浏览器默认值的问题。
第五招针对IE6、IE7、FF的css样式(这一招在特殊情况下经常用到)
原来建设网站经常使用!important来设置优先权,但有了IE7之后就不行了。狼蚁网站SEO优化给大家个可以解决IE6、IE7、FF各个CSS优先权的方法
#1 { color: #333; } / FF环境 /
html #1 { color: #666; } / IE6环境 /
+html #1 { color: #999; } / IE7环境 /
上面的书写顺序一定不能改变。
这样子网页在FF下显示#333,IE6下显示#666,IE7下显示#999;
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML