|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
操纵HTML元素的窍门在于分明它们事情的办法在于没有特定的情势。一些由标签构成的年夜部分页面能够设定任何款式。扫瞄器默许的款式里的年夜部分html元素由字体款式、margin,padding构成,实质上是显现范例。
display属性基础上分为inline,block,和none。
inline就像它的本意――显现为inline的元素为行。strong,anchor锚和em夸大元素默许是行。
block元素前后换行。题目和段落元素是块元素。
none,意义不显现元素,在可用性上能够完成大度的效果,瓜代款式或hover效果的初级使用。
设定体现能够更好使用在网页制造上。
h1{
display:inline;
font-size:2em;
}
#headerp{
display:inline;
font-size:0.9em;
padding-left:2em;
}
设定题目h1为行元素,能够和前面的元素在统一行。
#navigation,#seeAlso,#comments,#standards{
display:none;
}
下面的代码可使用在打印款式里,好比在导航利用,能够在打印时不显现导航这些可有可无的器材。
display:none和visibility:hidden;的分歧在于display:none完整作废元素的显现,visibility:hidden坚持元素地位但视觉上的内容不成见。比方,假如3的第二段设置为display:none,第一段将仅跟在第三段,假如设置为visibility:hidden,段落间就会空出。
表格
分明表格相干的体现属性值最好的办法设想html表格。table是最后的体现,你可使用table-row摹拟table-cell摹拟td。
display属性更进一步,能够经由过程利用table-column,table-row-group,table-column-group,table-header-group,table-footer-groupandtable-caption。如今能够间接利用columns构建表格,比在html中利用行构建疾速。
最初,inline-table设定表格前后不换行。
利用CSS表格会严峻伤害可用性。HTML应当用来传送语意,以是假如你有表格数据,那可使用HTML表格。利用CSS表格仅仅会发生糟的数据假如没有CSS数据将不成读。
其他体现情势
list-item列表项目,就像等候HTML里的li元素。它们必要嵌套在元素内里显现。
run-in元素的体现情势由它的父元素决意。IE和Mozilla都不撑持。
compat依据高低阿文决意体现情势,一样IE和Mozilla都不撑持。
maker仅仅利用在:before和:after伪元素,设定content属性的体现。content属性默许体现就是maker,以是它只要在掩盖本来属性时才有效。
content属性,它的默许就是maker,以是只要在掩盖本来属性时利用。
属性值就追加上去,重复的属性值就以最后一个为准。这里要注意的是,样式的先后不是根据页面上应用的名字顺序,而是样式表里的样式顺序。 |
|