id在css中怎么应用
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
和CSS的类型选择器不同,id选择器使用"#"代替"."实现标记的定位,其语法如下:
(推荐学习:CSS视频教程)
tagName#idName {}
这行代码针对标记名称为tagName,id为idName的标记来应用样式,同样,tagName也是可以省略的,这时此样式仅由标记的id属性决定。实际上,由于id是整个文档惟一的,仅指定id还是同时指定标记名称和id一般来说没有太大的不同,但为了使CSS代码更易于阅读,在指定id的同时最好也指定标记名称。
例如下面的文档:
<html> <head> <title>New document</title> <style type="text/css"> <!-- .strong {font-weight:bold;} dl#dll {fong-style:italic;} --> </style> </head> <body> <dl id="dll"> <dd class="strong">some text</dd> <dd>some text</dd> <dd>some text</dd> </dl> <ul> <li>some text</li> <li class="strong">some text</li> <li>some text</li> </ul> </body> </html>
大家通过运行这串代码得出来的结果就是上面有id属性的内容全为斜体,而带有strong为class属性的则会给内容加粗.
更多CSS相关技术文章,请访问CSS3答疑栏目进行学习!
以上就是id在css中怎么应用的详细内容,更多请关注0133技术站其它相关文章!