【实例介绍】
CSS ID选择器
CSS ID选择器的使用方法跟class选择器基本相同,不同之处在于ID选择器只能在HTML页面中使用一次,因此其针对性更强。如先给某个HTML页面中的某个p标签起个ID,代码如下所示。
【基本语法】
<p id="one">此处为p标签内的文字</p>
【语法介绍】
在HTML的标记中只需要利用id属性,就可以直接调用css中的ID选择器。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <style type="text/css"> #one{font-size:20px; background:#999; color:090; } </style> <body> <p id="one">ID选择器</p> </body> </html>
【代码分析】
上面的代码在浏览器中预览效果如图所示。
【素材及源码下载】
请点击:CSS ID选择器 下载本实例相关素材及源码
……