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选项卡，进入工作页面
如图：
单击Start the CSS Selectors test按钮，即可开始测试本机浏览器版本与CSS属性选择的兼容性，（红色部分说明兼容效果不好，绿色部分说明兼容性效果好）
如图：
本人的测试为全部兼容
jQuery的引入弥补了浏览器与CSS 3兼容性不好的缺陷。
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选项卡，进入工作页面
如图：
单击Start the CSS Selectors test按钮，即可开始测试本机浏览器版本与CSS属性选择的兼容性，（红色部分说明兼容效果不好，绿色部分说明兼容性效果好）
如图：
本人的测试为全部兼容
jQuery的引入弥补了浏览器与CSS 3兼容性不好的缺陷。
扫一扫
937
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
