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

时间:2022-08-26 15:28:59
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选项卡,进入工作页面
如图: CSS构造原则及CSS与浏览器兼容性
单击Start the CSS Selectors test按钮,即可开始测试本机浏览器版本与CSS属性选择的兼容性,(红色部分说明兼容效果不好,绿色部分说明兼容性效果好)
如图: CSS构造原则及CSS与浏览器兼容性

CSS构造原则及CSS与浏览器兼容性
本人的测试为全部兼容
jQuery的引入弥补了浏览器与CSS 3兼容性不好的缺陷。