CSS构造原则及CSS与浏览器兼容性

谁借莪１个温暖的怀抱￠ 2022-07-16 01:16 211阅读 0赞

CSS构造规则：  
CSS样式表是由若干条样式规则组成的，每一条样式规则由三部分构成：选择符（selector），属性（properties），属性值（value），基本格式如下：  
selector\{property:value\}  
1）selector 选择符可以采用多种样式，可以是文档中的HTML标记，例如<body>,<table>,<p>等，也可以是XML文档中的标记。  
2）property 属性则是选择符指定的标记所包含的属性。  
3）value 指定了属性的值。如果定义选择符的多个属性，则属性和属性值为一组，组与组织间用“;”隔开，基本格式如下：  
selector\{property1:value1;property2:value2;......\}  
例：  
p\{color:red\}  
p\{font-family:"隶书";color:red;font-size:40px;font-weight:bold\}  
  
  
  
浏览器兼容性：  
针对CSS 3与浏览器的兼容性，用户可以通过http://www.css3.info网站来测试自己所使用的浏览器版本对属性选择器的兼容性程度。  
具体操作步骤如下：  
1）打开IE浏览器，地址栏输入：http://www.css3.info，Enter后，进入网站首页，选择CSS SELECTORS TEST选项卡，进入工作页面  
如图： ![Center][]  
单击Start the CSS Selectors test按钮，即可开始测试本机浏览器版本与CSS属性选择的兼容性，（红色部分说明兼容效果不好，绿色部分说明兼容性效果好）  
如图： ![Center 1][]  
  
![Center 2][]  
本人的测试为全部兼容  
jQuery的引入弥补了浏览器与CSS 3兼容性不好的缺陷。

[Center]: /images/20220716/d0c3b964ab4c4494b99d66f23db35b09.png
[Center 1]: /images/20220716/a2c04f82031b4b95925673e1d7dce61a.png
[Center 2]: /images/20220716/34f0198c92cb4aeaaedef359d2c9a6c8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，211人围观）

还没有评论，来说两句吧...

相关阅读

相关 css hack--浏览器兼容性问题

css hack–浏览器兼容性问题写css样式的时候，恐怕最头疼的就是各个浏览器下的兼容性问题，即css hack，不同的浏览器对css的解析结果是不同的，因此会导致相

雨点打透心脏的1/2处/ 2022年10月01日 13:49/ 0 赞/ 270 阅读

相关 CSS兼容性汇总

最近更新时间：2017年5月24日15:43:10 [《我的博客地图》][Link 1] 随着现代浏览器发展速度太快，种类多，版本多，不同厂商浏览器或同一厂商不同版

短命女/ 2022年09月27日 15:23/ 0 赞/ 262 阅读

相关 CSS构造原则及CSS与浏览器兼容性

CSS构造规则： CSS样式表是由若干条样式规则组成的，每一条样式规则由三部分构成：选择符（selector），属性（properties），属性值（value），基本格式

谁借莪１个温暖的怀抱￠/ 2022年07月16日 01:16/ 0 赞/ 212 阅读

相关 CSS常见兼容性问题及解决方法

最近在研究浏览器兼容性问题，所以准备写篇愽客记录一下（会持续更新）；浏览器的兼容性问题，通常是因为不同的浏览器对同一段代码有不同的解析，造成页面显示不统一的情况。我

r囧r小猫/ 2022年06月13日 23:36/ 0 赞/ 398 阅读

相关 CSS中浏览器兼容性问题

1、条件注释法  2、类内属性前缀法 “-″减号是IE6专有的ha

谁践踏了优雅/ 2022年06月09日 11:10/ 0 赞/ 333 阅读

相关 CSS浏览器兼容总结篇

CSS浏览器兼容总结篇前言：本篇文章的大部分知识点来自于清华大学出版社的《DIV+CSS网页样式与布局实战详解》，我在书本内容的基础上添加了自己所了解的一些知识，有兴趣

素颜马尾好姑娘i/ 2022年05月23日 04:48/ 0 赞/ 272 阅读

相关 css 颜色渐变兼容性

参考文献：http://caibaojian.com/css3-background-gradient.html 　　　　 https://www.cnblogs.com

旧城等待，/ 2021年12月16日 15:41/ 0 赞/ 385 阅读

相关 css bug浏览器兼容问题

css bug浏览器兼容问题一个DIV的WIDTH在IE7里设置为200，IE6设置为190才合适所以容易导致你看起来IE7里好好的，IE6里溢出了就乱了而只有

缺乏、安全感/ 2021年10月26日 19:58/ 0 赞/ 416 阅读

相关 css浏览器兼容写法

\ ， ie6,ie7可以识别； \_和- ， ie6可以识别； !important ,表示高优先级，ie7及以上，f

逃离我推掉我的手/ 2021年09月17日 01:14/ 0 赞/ 450 阅读

相关 CSS兼容浏览器

margin-bottom:40px; /ff的属性/ margin-bottom:140px\9; / IE6/7/8的属性 / c

电玩女神/ 2021年09月11日 07:50/ 0 赞/ 643 阅读