css 简介

css

 

指层叠样式表

样式定义 如何显示 HTMl 元素

样式通常存储在样式表中

把样式添加到HTML 4.0是为了解决内容与表现分离的问题

外部样式表可以极大提高工作效率

外部样式表通常存储在css 文件中

多个样式定义可层叠为一

 

 

语法

 

由选择器以及一条或多条声明

 

选择器通常是需要改变样式的HTML元素

每条声明有一个属性和一个值组成

属性是您希望设置的样式属性,每个属性有一个值,属性和值被冒号分开

 

selector {property: value}

 

h1 {color:red; font-size:14px;}

 

css 背景属性

 

background 

简写属性,作用是将背景属性设置在一个声明中

background-attachment

背景图像是否固定或者随着页面的其余部分滚动

background-color

设置元素的背景颜色

background-image

把图像设置为背景

background-position

设置背景图像的起始位置

background-repeat

设置背景图像是否及如何重复

 

css 文本属性

 

color

设置文本颜色

direction

设置文本方向

line-height

设置行高

letter-spacing

设置字符间距

text-align

对齐元素中的文本

text-decoration

向文本添加修饰

text-indent

缩进元素中文本的首行

text-shadow

设置文本阴影

text-transform

控制元素中的字母

unicode-bidi

设置文本方向

white-space

设置元素中空白的处理方式

word-spacing

设置字间距

 

css 字体属性

 

font

简写属性,作用是把所有针对的属性设置在一个声明中

font-family

设置字体系列

font-size

设置字体尺寸

font-size-adjust

当首选字体不可用时,对替换字体进行智能缩放

font-stretch

对字体进行水平拉伸

font-style

设置字体风格

font-variant

以小型大写字体或者正常字体显示文本

font-weight

设置字体粗细

 

css列表属性(list)

 

list-style

j简写属性,用于把所有用于列表的属性设置于一个声明中

list-style-image

将图像设置为列表项标志

list-style-type

设置列表项标志的类型

list-style-position

设置列表中列表项标志的位置