CSS构造原则及CSS与浏览器兼容性
来源:互联网 发布:网站源码网 编辑:程序博客网 时间:2024/03/29 08:58
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兼容性不好的缺陷。
0 0
- CSS构造原则及CSS与浏览器兼容性
- css与javascript跨浏览器兼容性总结
- CSS浏览器兼容性
- 浏览器css兼容性
- css浏览器兼容性
- ie浏览器兼容性css
- CSS浏览器兼容性----Hack
- Css浏览器兼容性
- css浏览器兼容性的问题
- css浏览器兼容性的问题
- CSS对浏览器的兼容性
- 各浏览器兼容性css写法
- CSS对浏览器的兼容性
- css 浏览器兼容性hack写法
- CSS浏览器兼容性常见问题总结
- DIV+CSS 浏览器兼容性小结
- 浏览器兼容性汇总(CSS+js)
- CSS对浏览器的兼容性
- 常见排序算法复杂度
- CPU
- ubuntu 14.04修改用户组成员默认的Shell
- java泛型实现及类型擦除相关问题
- C++/C语言内存类别及其分配——堆栈区别
- CSS构造原则及CSS与浏览器兼容性
- HDU 2669 Romantic扩展欧几里得
- 构造器是否可以被重写?
- JS面向对象(一)
- bzoj 2097: [Usaco2010 Dec]Exercise 奶牛健美操 (二分答案+贪心)
- MP3项目的供电问题
- 运算符号优先级
- 图片路径L:While reading /Volumes/data2/project/ChildStory/ChildStory/nav_bar.png pngcrush caught libpng
- OSI参考模型