码迷,mamicode.com
首页 > Web开发 > 详细

<转载>Div+Css布局教程(-)CSS必备知识

时间:2015-09-24 23:55:13      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:

目录:

1、Div+Css布局教程(-)CSS必备知识

注:本教程要求对html和css有基础了解。

一、CSS布局属性

Width设置对象的宽度(width:45px)。

Height设置对象的高度(Height:45px;)。

Background设置对象的背景颜色、背景图像。

1.背景颜色

background:#09F;

2.背景图像

background:url(file:///C|/Users/Administrator/Desktop/huipu.jpg) repeat-x;

repeat-x代表横向重复,还可以设置repeat-y。

Float: Float属性是DIV+CSS布局中最基本也是最常用的属性,用于实现多列功能,我们知道<div>标签默认一行只能显示一个,而使用Float属性可以实现一行显示多个div的功能,最直接解释方法就是能实现表格布局的多列功能。

Float属性有left、right、none三个值,none默认属性不用管,主要是left和right两个属性最常用。

举例:

1.float:left属性

?

1

技术分享

技术分享

2.float:right属性

技术分享