一.字体
1.font-family字体族科;
例:font-family:"宋体";
2.字体大小
font-size:value;
列:h1{font-size:14pt}
3.字体风格
font-style
例:h1{ font-style:italic}
.text{ font-style:oblique}
4.字体加粗
font-weight
属性 值100-900
normal 普通的文字
bold 加粗
bolder 特粗
lighter 加细
例:h1{ font-weight:900}
.text{ font-weight:bolder}
二.文本属性
1.文本间隔,字母间隔属性
Letter-spacing(间隔,字距)
2 文本修饰属性
text-decoration(装饰)
属性 underline 下划线
overline 上划线
line-through 删除线
none 无任何修饰
例:a:link{ font-family:宋体;text-decoration:none}
3.文本对齐;
text-align(排列,排成一行)
文本水平的对齐方式 左对齐 右对齐 居中 两端对齐
left right center justify
4.文本首行缩进
text-indent(缩进)
可用于块级元素 p h1等
定义该元素第一行可以接受的缩进的数量
该值必须是一个长度或一个百分比
5.行高
Line-height
三.颜色背景属性
1.color:颜色;
2 .background-color :定义一个元素的背景颜色;
3:background-image:url()定义一个元素的背景图象
例:body{background-image :url(2008.jpg)}
4.background-repeat (重复) 决定一个指定的背景图象如何被重复
属性 repeat-x 图象横向重复
repeat-y 图象纵向重复
repeat 图象横向纵向重复
no-repeat 图象不重复
5.background-position (位置,方位) 设定水平和垂直方向上的位置
属性 left 背景图象居左
right 背景图象居右
center 背景图象水平居中 垂直居中
top 背景图象上对齐
bottom 背景图象下对齐
四.边框属性
边框属性 描述
border 边框
border-top 上边框
border-left 左边框
border-right 右边框
border-bottom 下边框
边框样式属性值 描述
1.none 无边框
2.dotted 边框由点组成
dash 边框由短线组成
3.solid 边框是实线
double 边框是双实线
groove 边框是带有立体感的沟槽
ridge 边框成脊形
inset 边框内嵌一个立体边框
outset 边框外嵌一个立体边框
五.鼠标光标属性;cursor:
鼠标光标属性 描述
1.hand 手
cross-hair 交叉十字
2. text 文本选择符号
wait WINDOWS的沙漏形状
default 默认的鼠标形状
3. help 带问号的鼠标
e-resize 向东的箭头
ne-resize 向东北的箭头
n-resize 向北的箭头
nw-resize 向西北的箭头
w-resize 向西的箭头
sw-resize 向西南的箭头
s-resize 向南的箭头
se-resize 向东南的箭头
六.定位属性
CSS提供两种定位方法
相对定位:是指让操作的元素在相对其它的位置上进行偏移
绝对定位:是指让操作的元素参照原始文档进行偏移
定位属性 描述
position absolute(绝对定位) relative相对定位
top 层距离定点纵坐标的距离
left 层距离定点横坐标的距离
width 层的宽度
height 层的高度
Z-index 决定层的先后顺序和覆盖关系 值高的覆盖值低的元素
Clip 限定只显示剪切出来的区域 为矩形
只要设定两个点即可 top left
bottom right
overflow 当层的内容超出层所能容纳的范围时:
visible (明显的,看的见的) 层的 大小 内容会显示出来
hidden (隐藏的) 隐藏超出层大小的内容
scrol (卷轴) 不管内容是否超出层的范围 都添加滚动条
auto(自动) 只在内容超出层的范围时才显示滚动条
visibility (可见性) 针对嵌套层的设置
inherit (继承) 子层继承父层的可见性
父层可见 子层也可见 父层不可见 子层也不可见
visible (看的见的) 无论父层可见与否子层都可见
hidden 无论父层可见与否子层都隐藏
七.区块属性
在格式化页面对象时,CSS将所有的对象都放置在一个容器里面
这个容器成为块
区块属性 描述
width 设定对象的宽度
height 设定对象的高度
float 让文字环绕在一个元素的四周
clear 指定在某一元素的某一边是否允许有环绕的文字
(m) padding 决定了究竟在边框与内容之间应该插入多少空间距离
top bottom left right
设定上下左右的填充距离
margin 设置一个元素在4个方向上与IE窗口边界或上一级元素的边界距离
top bottom left right
设定上下左右的距离
八.列表属性
描述
list-style-type
号类型属性值
disc 实心圆
circle (圆) 空心圆
square(正方形的) 实心方块
decimal 在文本前加普通的阿拉伯数字
lower-roman 在文本前加小写罗马数字
upper-roman 在文本前加大写罗马数字
lower-alpha 在文本前加小写英文字母
upper-alpha 在文本前加大写英文字母
none 不显示任何项目符号和编号
九.滤镜属性
1.1.alpha 滤镜---设置透明层次 img{
filter:alpha(opacity=30);
}
2.blur滤镜---模糊效果
3. flipH flipV滤镜----水平垂直翻转
4.gray滤镜---灰度
5.invert滤镜---反转 显示底片的效果
作用是把对象的可视化属性全部翻转