设为首页收藏本站

嘻皮客娱乐学习网

 找回密码
 中文注册
搜索
打印 上一主题 下一主题
开启左侧

[网页制作] CSS选择符有哪些?

[复制链接]
跳转到指定楼层
楼主
发表于 2014-10-29 16:41:18 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
CSS选择符有哪些?

                                                                                               
                    CSS选择符即css样式的名称,(什么是css?css有什么用?)可以灵活的使用字符为其命名。注意CSS选择符只能以字母开头。记得有次同学写的CSS老是加载不上,原来他是用数字命名的。常用的CSS选择符有以下几种:
1、通配选择符(*),表示页面内所有元素的样式。
*
{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}
2、类型选择符。是指以网页中已有的标签类型作为名称的选择符,例如body、div、p、span等。
div
{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}
所有的页面元素都可以作为选择符。
3、群组选择符,如果要对一组对象同时进行相同的样式指派,只需要使用“,”逗号,对选择符进行分割即可。这种方法的优点是对于同样的样式只需书写一次就可以了,减少代码量,改善了CSS代码结构。
a:link,a:visited
{
color:#000;
}
4、包含选择符对某对象中的子对象进行样式指派。
#header
{
width:300px;
}
#header top
{
width:100px;
}
"header" id下的"top" class。
5、id选择符
#header
{
width:300px;
}
前边是“#”号,id选择符具有唯一性,在页面中不能重复使用。 常见的是header content footer。
6、class选择符,比较常用了,可以在页面中重复使用。
.title
{
width:300px;
}
此外还有这样的写法
*htmll IE6专用hack
*+htmll IE7专用hack
hack即css浏览器兼容性。我们下一篇文章讲解。
回复

使用道具 举报

小黑屋|手机版|嘻皮客网 ( 京ICP备10218169号|京公网安备11010802013797  

GMT+8, 2024-4-29 13:07 , Processed in 0.181048 second(s), 22 queries , Gzip On.

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表