css怎么控制网页局部颜色?

html-css09

css怎么控制网页局部颜色?,第1张

#footer dl a{color: #FFFFFFbackground-color: #15A287line-height: 10pxtext-align: center padding-bottom:12px padding-top:12pxfont-size: 0.875em}

因为链接就是a标签啊,所以要控制a标签

css与表格不同,css是样式和代码分离也就是一个页面或几个页面对应一个样式表或者多个样式表。而表格是所见即所得,样式在表格里面写。因此当一个页面需要做局部的调整,如果是css写的只需要找到css文档,找到所修改的内容所对应的样式表直接修改就好了。而table的则需要找到页面的对应位置(table页面代码好乱的,你懂得),然后修改样式。再有如果所应用的页面是静态的例如cms(内容管理系统)所生成的页面是静态页面,如果用css做只需要修改css,那么所有引用css的都自动改变样式了,而是用table的则需要找到每个页面,都进行修改。

这样说你应该懂了吧。来点简单的添加长宽高吧。

css的:

样式表:

#wrap{width:100pxheight:50px}

页面代码:

<div id="wrap">内容</div>

table的

页面代码

<table width="100px" height="50px">

<tr><td>内容</td></tr>

</table>

楼上的,一边儿去吧哈……

div.sample_popup input.menu_form_exit 就是个选择器从属的东西罢了

意思是 在div标签下,有个Class类的名字叫“sample_popup”。在它下级,有个input标签(按钮之类的)有个Class类名叫“menu_form_exit” 明白吗?

在HTML中代码,举例来说

<div class="sample_popup">

<form>

<input class="menu_form_exit"/>

</form>

</div>

如只想局部控制代码,只对类名叫"sample_popup"的div里面的名为"menu_form_exit"的input标签进行编辑,CSS中代码就是div.sample_popup input.menu_form_exit{}

就是这么简单个道理

这么相对复杂的写法,是为了局部控制代码,更精确,避免其它元素之间的冲突。

假设你一个页面中,无意间写了两个同样名为“menu_form_exit”的input标签,但你只想改变一个样式,另一个不变时,你就需要写出从属关系,精确定位。

如有不理解,百度消息哈