css有哪些常用 控件

html-css014

css有哪些常用 控件,第1张

css有哪些常用控件可以分为三类,即id选择器、class选择器、标签选择器。

用法如下:

#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>这样就达到想要的效果不是很爽吗?并且文件都是独立的,修改也非常方便