css布局

时间：2015-06-09 13:30:22 阅读：240 评论：0 收藏：0 [点我收藏+]

标签：

1、width 宽

2、height 高

3、文本

font-family 设置字体样式如：微软雅黑
font-size 设置字体大小
font-style：normal（常规字体） | italic（斜体） | oblique（倾斜）字体的风格
font-weight：normal（正常） | bold（加粗） | bolder（更粗） | lighter（更细） | number（定义字体粗细）
color：字体颜色
text-decoration：none（无修饰） | underline（下划线） | overline（上划线） | line-through（删除线）
line-height 文本行距设置
text-indent 文本缩进
text-align：left（左对齐） | center（中间对齐） | right（右对齐） | justify（两端对齐）
vertical-align：top（顶部） | botton（底部） | middle（中间对齐、上下居中）元素的垂直对齐方式
word-spacing 改变字（单词）之间的标准间距
letter-spacing 改变字符之间的标准间距
work-break：normal（默认） | break-all（允许在单词内换行） | keep-all（只能在半角空格或连字符处换行）；规定自动换行的处理方法

4、背景

background-color 背景颜色
background-image 背景图片
background-repeat：repeat（默认） | no-repeat（不重复） | repeat-x（横向重复） | repeat-y（纵向重复）；背景图片重复
background-position：x轴坐标 y轴坐标；背景图片定位，值可以是像素值、可以是具体的方向、可以是百分比
background-attachment：scroll（默认） | fixed（背景图片随页面滚动不会移动）；背景图滚动

5、边框border

border-style边框样式常用参数：（none（没样式） | dotted（点状） | dashed（虚线） | solid（实线） | double（双线））
border-color 边框颜色
注意：上面三个属性当为4个值时，方向为上、右、下、左；当为3个值时，方向为上、右左、下；当为2个值时，方向为上下、左右；当为1个值时，则是四边同时设置
border-top 上边框
border-right 右边框
border-bottom 下边框
border-left 左边框
注意：上面四个属性必须得有两个或两个以上并且相邻的才能成型

6、margin 外边距间隔

注意：

7、padding 内边距间隔

注意：

双倍margin（即父子目录都存有margin时）

8、box-sizing：border-box；把盒模型变为怪异盒模型（width=content+padding+border）

9、cursor：pointer； 把经过的目标的鼠标变成 ”小手“

标签：

原文地址：http://www.cnblogs.com/pan-hello/p/4563087.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行