您的位置:首页 > Web前端 > CSS

每天在进步--如何使用div+css

2013-11-09 07:22 155 查看
关于如何使用div和css的问题,不废话了,开讲

首先是使用div布局:

在用div设计的时候,往往应用场合都是有关嵌套,也就是div里面嵌入div,所以一开始我们就要设计div的元素的时候,给它加上样式,也就是指定class,border属性是必须要有的,这样可以直接在页面上查看你的div的布局,另外先写外面的div再写里面的div

其次是使用css完成布局

通常如果想让div不随着窗口的大小而改变的话,那么就将宽度设置成定值,反之的话,就用百分比设置宽度,或者设置左右外边距

设置定值的时候,不仅仅是设置宽度,还要设置左右边距,这样就可以很好的完成布局

使用div做并排的div

这个时候首先想到的肯定是浮动属性的设置,还有左右边距的设置,另外如果浮动的div有很多的话,就要考虑到div是否会溢出外边框。

如果有可能会溢出的话,就要设置:是否允许左边或者右边有浮动对象,也就是clean属性,另外如果溢出的话,就使用overflow属性根据自己的要求设置是否加上滚动条

使用图片的问题

使用图片一种是img标签,另一种是background属性,

当我们遇到加入的图片会重复的铺满div的时候,就要想到background中的repeat属性,这个属性控制图片是否会横着铺满div还是竖着铺满div还是不铺满,

当你加入图片后,如果想要在图片上面写上文字的话,那么就使用z-index属性,一般设置成-1

设置显示样式,display,设置是否失效:一般是对按钮操作disabled

设置文字:是否居中,靠右,考上等等,text-align 另外还有文字之间的间隔,词之间的间隔
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: