用法如下:
#id名 { 属性名:属性值}
.class名 { 属性名:属性值}
标签名 { 属性名:属性值}
其中,他们之间又可以以不同的方式进行组合,如下:
后代选择器: 父代名 后代名 { 属性名:属性值}
子代选择器: 父代名>子代名 { 属性名:属性值}
群组选择器: #name1, .name2, #name div { 属性名:属性值}
伪类选择器: name:伪类
通用(通配符)选择器: * { 属性名: 属性值}
大哥你怎么那么多那么啊。。。看得我都头晕了建议你系统的学一下CSS,#那个玩意儿叫选择器,比如
#name { }
就是应用于ID值为'name'的HTML元素
.name { }
就是应用于class值为'name'的HTML元素
name { }
就是应用于HTML元素名称本身为'name'的元素
他们也可以配合使用
比如:
div.change-color {color:red}
就是所有div标签中具有class值为'change-color'的div将会显示红色字体。而span标签,p标签等不受影响
在比如:
.list-details ul li {border-bottom:1px black solid}
就是具有class值为'list-details'的元素下的子元素li显示宽度为1px的黑色底部边框, 而不具有list-details样式的一般li则还是显示默认样式。
再给你一点他们没有说到的好处,用样式表就可以简化页面标签的书写,看起来整洁规范,打个比方呀<div><span>欢迎回来,</span><a href="#">亲爱的</a>,让你久等了!</div>我想要“欢迎回来”红色显示,“亲爱的”蓝色显示,“让你久等了”灰色显示,用style的话只能对每个标签分别定义才能达到这效果,但用css样式表就不同了,可以使用css的类选择器,如下:<style>div { color:#666}div span { color:#F00}div a { color:#00F}</style>这样就达到想要的效果不是很爽吗?并且文件都是独立的,修改也非常方便