css中,位置偏移

html-css068

css中,位置偏移,第1张

1、新建html文件。

2、创建两个div,并赋予id。

3、为两个div设置宽高和背景,并设置左右浮动。

4、预览效果如图。

5、创建第三个div。

6、为第三个div设置宽高和背景。

7、预览效果如图。

注意事项:

随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能。但是随着这些功能的增加,HTML变的越来越杂乱,而且HTML页面也越来越臃肿。于是CSS便诞生了。

这是选择器的嵌套(中间用空格隔开),意思是定义包含在id为top_panel元素内的元素,且此元素的id为top_section,样式只对id为top_section(#top_section)起作用。形如:

<div id="top_panel">

<p id="top_section">元素的内容,只对我生效。</p>

</div>

补充:此种方法不够优化,因id是唯一的,所以可取消前面的#top_panel,只用 #top_section {}就行了。

子元素选择器

.bl-main >section {....}这样写,.bl-main下的只有儿子辈的section应用样式;ie6不支持大于号写法。

.bl-main section{...}这样写,.bl-main下的不论是儿子辈的section还是孙子辈的section都应用样式;也就是说,.bl-main下的所有section都有这个样式。