css有哪些常用 控件

html-css011

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

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

用法如下：

#id名 { 属性名:属性值}

.class名 { 属性名:属性值}

标签名 { 属性名:属性值}

其中，他们之间又可以以不同的方式进行组合，如下：

后代选择器: 父代名 后代名 { 属性名:属性值}

子代选择器: 父代名>子代名 { 属性名:属性值}

群组选择器: #name1, .name2, #name div { 属性名:属性值}

伪类选择器: name:伪类

通用(通配符)选择器: * { 属性名: 属性值}

可以利用css的伪类样式来控制，

<div class="dv-show">

    移上来可以查看

</div>

<style>

.dv-show{display:nonewidth:100pxheight:100pxbackground:#000color:#fff}

.div-show:hover{display:block}

</style>

根据页面的需要有时候我们需要隐藏一些元素，但当鼠标移到某一个区域的时候，我们希望这些隐藏的元素显示出来。用css网页布局，我们该如何实现呢？首先我们将这一隐藏元素在页面中隐藏掉，可以应用displasy属性，关于displasy属性可以参考这里。我们再对链接添加onMouseOver、onMouseOut的小脚本，改变displasy属性的相关值，让隐藏的元素显示出来即可。我们看下面的xhtml代码：http://www.it130.cn/" style="color:blue" onMouseOver="document.all.hehe.style.display='block'" onMouseOut="document.all.hehe.style.display='none'">