每天在进步--如何使用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 另外还有文字之间的间隔,词之间的间隔
首先是使用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 另外还有文字之间的间隔,词之间的间隔
相关文章推荐
- 如何使用好CSS+DIV
- [css]CSS如何让DIV的宽度随内容的改变而改变
- 子Div使用Float后如何撑开父Div
- 如何在ASP.NET 2.0 中的Master Page具体页面中 使用CSS?
- 写SWC组件时,如何将组件中的CSS钳入在SWC中,不需要在应用程序中使用时再导入CSS
- 使用国外一个标准的CSS+DIV制作了一个网站
- HTML中如何使用CSS
- DIV+CSS如何让文字垂直居中
- 使用CSS实现圆角Div(无图片)
- Python如何提取CSS/JS/IMG的名称,Pytorch如何使用split
- 如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器
- DIV+CSS:如何编写代码才能更有效率
- DIV+CSS:如何编写代码才能更有效率
- 解释一下你对盒模型的理解,以及如何在 CSS 中告诉浏览器使用不同的盒模型来渲染你的布局。
- 如何使div垂直水平居中的css代码
- Python 练习册,每天一个小程序----------001使用 Python 如何生成多位随机数
- 设置div的背景为半透明,下面有个不错示例,使用div+css来实现下,不会的朋友可以参考下
- 从div盒子模型谈如何写可维护的css代码(转)
- css中如何使用定位?
- WebPart(SharePoint)中如何使用自定义的Javascript和css