巧妙地使用CSS选择器
2008-05-27 15:46
549 查看
可以通过不同规则来定义不同内容块里的链接样式。类似这样:#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还有后代选择器,属性选择器等等。
一个仔细结构化的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还有后代选择器,属性选择器等等。
相关文章推荐
- 巧妙地使用CSS选择器
- 巧妙延长Windows 7使用期限限为1年
- 在selenium中使用css选择器进行元素定位
- 【选择器小结】正则表达式、XPath选择器、CSS选择器小结和使用场景
- CSS选择器种类及使用方法
- 巧妙使用spring对commons fileUpload的包装
- 2.7.2: 其他使用CSS选择器的方法
- Word使用小技巧:巧妙清除网页中的干扰乱码
- 巧妙使用数组,内部匿名类改变外部类final对象值
- 巧妙使用WilliamChart绘制出只有两个圆角的柱状图
- 使用SQL字符串反转函数REVERSE巧妙实现lastindexof功能
- 使用GNS3架设PPPOE服务器巧妙获取路由器ADSL密码
- 十个典型案例之运行小技巧的巧妙使用(转)
- ROC、K-S,教你巧妙使用模型评价指标
- 巧妙使用git stash使git操作更加灵活
- UVA11168凸包的应用之使用解析几何巧妙节省时间
- 巧妙使用火狐浏览器加载插件一键打开想要的网页
- css选择器的使用详解
- CSS选择器的使用
- Qt自定义sleep延时函数(巧妙的使用时间差,但这样似乎CPU满格,而不是沉睡)