首页前端开发CSS巧妙地使用CSS选择器

巧妙地使用CSS选择器

时间2024-02-09 05:25:03发布访客分类CSS浏览153
导读:收集整理的这篇文章主要介绍了巧妙地使用CSS选择器,觉得挺不错的,现在分享给大家,也给大家做个参考。 可以通过不同规则来定义不同内容块里的链接样式。类似这样:#nav a:link或者 ...
收集整理的这篇文章主要介绍了巧妙地使用CSS选择器,觉得挺不错的,现在分享给大家,也给大家做个参考。 可以通过不同规则来定义不同内容块里的链接样式。类似这样:#nav a:link或者 #main a:link或者#footer a:link。也可以定义不同内容块中相同元素的样式不一样。例如,通过#main p和#sider p分别定义#main p和#sider p的样式。从结构上讲,你的页面是由图片、链接、列表、段落等组成的,这些元素本身并不会对显示在什么网络 设备中(PDA还是手机或者网络电视)有影响,它们可以被定义为任何的表现外观。 

  一个仔细结构化的HTML页面非常简单,每一个元素都被用于结构目的。当你想缩进一个段落,不需要使用blockquote标签,只要使用p标签,并对p 加一个CSS的text-indent规则就可以实现缩进目的。p是结构化标签,text-indent是表现属性,前者属于HTML,后者属于CSS。(这就是传说中的结构与表现相分离) 

  良好结构的HTML页面内几乎没有表现属性的标签。代码非常干净简洁。例如,原先的代码table width="778" cellpadding="3" border="0" align="center"> ,现在可以只在HTML中写table id="MrJin"> ,所有控制表现的东西都写到CSS中去,在结构化的HTML中, table就是表格,而不是其他什么(更不能被用来布局和定位)。 

  当然,CSS选择器不只是这么简单,除了id还有class还有后代选择器,属性选择器等等。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 巧妙地使用CSS选择器
本文地址: https://pptw.com/jishu/606497.html
CSS对Web页面载入效率的影响分析总结 css下划线颜色一句话代码

游客 回复需填写必要信息