dedecms 网站地图插件,濮阳网页设计,psd设计网站模板,wordpress 4 xmlrpc仅以此篇缅怀那些笔试100次#xff0c;问100次的CSS问题。 问#xff1a; CSS选择符有哪些#xff1f;哪些属性可以继承#xff1f;优先级#xff1f;内联和important哪个优先级高#xff1f; 选择符 1通配选择符#xff08;*#xff09;表示页面内所有元素的样式*{fon…仅以此篇缅怀那些笔试100次问100次的CSS问题。 问 CSS选择符有哪些哪些属性可以继承优先级内联和important哪个优先级高 选择符 1通配选择符*表示页面内所有元素的样式*{font-size:12px;margin:0;padding:0;}2类型选择符body、div、p、span等网页中已有的标签类型作为名称的选择符div{width:10px;height:10px;}3群组选择符,对一组对象同时进行相同的样式指派a:link,a:visited{color:#fff;}4层次选择符(空格)包含选择符对某对象中的子对象进行样式指派#header top{width:100px;}5id选择符#id选择符具有唯一性在页面中不能重复使用#header{width:300px;}6class选择符.可以在页面中重复使用.title{width:300px;}7IEhack选择符(_、*、\0、\9\0;)兼容不同的浏览器.title{_width:50px;*height:30px;} 可继承的属性 azimuth, border-collapse, border-spacing, //红色为常用的
caption-side, color, cursor, direction, elevation,
empty-cells, font-family, font-size, font-style,
font-variant, font-weight, font, letter-spacing,
line-height, list-style-image, list-style-position,
list-style-type, list-style, orphans, pitch-range,
pitch, quotes, richness, speak-header, speaknumeral,
speak-punctuation, speak, speechrate,
stress, text-align, text-indent, texttransform,
visibility, voice-family, volume, whitespace,
widows, word-spacing 优先级的四大原则 原则1继承没指定的牛B demo1 style typetext/css
*{font-size:20px}
.class3{ font-size: 12px; }
/style span classclass3我是多大字号/span !-- 运行结果.class3{ font-size: 12px; }-- demo2: style typetext/css
#id1 #id2{font-size:20px}
.class3{font-size:12px}
/style div idid1 classclass1
p idid2 classclass2 span idid3 classclass3我是多大字号/span /p
/div !--运行结果.class3{ font-size: 12px; }-- 原则2#ID .class 标签 demo1 style typetext/css
#id3 { font-size: 25px; }
.class3{ font-size: 18px; }
span{font-size:12px}
/style span idid3 classclass3我是多大字号/span !--运行结果#id3 { font-size: 25px; }-- 原则3越具体越牛B demo1 style typetext/css
.class1 .class2 .class3{font-size: 25px;}
.class2 .class3{font-size:18px}
.class3 { font-size: 12px; }
/style div classclass1
p classclass2 span classclass3我是多大字号/span /p
/div !--运行结果.class1 .class2 .class3{font-size: 25px;}-- 原则4标签#ID 标签.class demo1 style typetext/css
span#id3{font-size:18px}
#id3{font-size:12px}
span.class3{font-size:18px}
.class3{font-size:12px}
/stylespan idid3我是多大字号/span
span classclass3我是多大字号/span !--运行结果span#id3{font-size:18px} | span.class3{font-size:18px}-- 最后当原则之前冲突的时候原则1 原则2 原则3 原则4 important IE6到底认不认识!important 答认识但是有一个小bug。 例如 style
#ida {size:18px}
.classb { font-size: 12px; }
/stylediv id“ida” class“classb”!important测试18px/div 加入!important style
#ida{font-size:18px}
.classb{ font-size: 12px !important; }
/stylediv id“ida” class“classb”!important测试12px/div IE6 BUG: style
.classb{ font-size: 18px !important; font-size: 12px }
/stylediv class“classA”!important测试12px/div 原因和办法 这里在ie6下是12像素的字而其他浏览器下是18px的字。 但是当我们把样式改一下!important放在后面即.classb{ font-size: 12px;font-size: 18px !important; },那么ie6下和其他浏览器一样也是18px的字。 转载于:https://www.cnblogs.com/ccto/archive/2013/03/19/2970309.html
