css语法规则屏幕自适应及条目应用优先权
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了css语法规则屏幕自适应及条目应用优先权，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1522字，纯文字阅读大概需要3分钟。
内容图文
1.
!important 提升指定样式条目的应用优先权。
div {
color: #f00 !important;
color: #000;
}
在上述代码中，IE6及以下浏览器div的文本颜色为#000，!important并没有覆盖后面的规则；其它浏览器下div的文本颜色为#f00
2.可以让屏幕自适应的方法：
/* 样式代码导入 样式文件 */
第一种方式：
<link media="screen and (width:800px)" rel="stylesheet" href="style/css800.css">
<link media="screen and (width:1280px)" rel="stylesheet" href="style/css1280.css">
<link media="screen and (width:1440px)" rel="stylesheet" href="style/css1440.css">
第二种方式：
<style>
@import url(style/css800.css) screen and (min-width:800px);
@import url(style/css1280.css) screen and (min-width:1280px);
@import url(style/css1440.css) screen and (min-width:1440px);
</style>
如下为css800.css的代码
1 #container{
2 width:760px;
3 height:300px;
4 border:1px solid red;
5 background-color:red;
6 }
如下为css1280.css的代码
1
#container{
2 width:1004px;
3 height:300px;
4 border:1px solid red;
5 background-color:red;
6 }
如下为css1440.css的代码
1 #container{
2 width:1320px;
3 height:300px;
4 border:1px solid red;
5 background-color:red;
6 }
第三种方式：
1
*{
2 margin:0;
3 border:0;
4 padding:0;
5 }
6 #container{
7 width:1240px;
8 height:300px;
9 background-color:red;
10 margin:0 auto;
11 }
1213/* 当屏幕的分辨率宽度小于等于1260px时，执行如下样式代码 */14 @media (max-width:1260px) {
15 #container{
16 width:930px;
17 background-color:green;
18 }
19 }
2021/* 当屏幕的分辨率宽度小于等于800px时，执行如下样式代码 */22 @media (max-width:800px) {
23 #container{
24 width:760px;
25 background-color:blue;
26 }
27 }
2829 </style>
原文：http://www.cnblogs.com/lsr111/p/4395066.html
内容总结
以上是互联网集市为您收集整理的css语法规则屏幕自适应及条目应用优先权全部内容，希望文章能够帮你解决css语法规则屏幕自适应及条目应用优先权所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。