目录
一 、CSS的基本语法
1.1 css规则集有选择器和声明块组成,基本格式如下
选择器
{
属性1:属性1;
属性2:属性2;
...
属性n:属性n;
}
1.2有效的css选择符
(1)类型选择符
直接以元素,对象的名称作为选择符
(2)类选择符
类选择符选择所有class属性值等于ClassName的元素,语法格式如下
.className{property:value}
(3 ID选择符
#idName{property:value
二、CSS属性
1、字体属性
font-family:该属性用于指定字体的类型,如果名称中有空格,属性值要用双引号括起来。
font-style:该属性用于指定斜体文本,属性值可以是normal,italic,oblique。
font-style:normal,font-variant该属性设置英文字体打印时的大小写状态,normal为默认值,大小写无变化,small-caPs表示大写代替小写字母。
font-weight用来设置字体的粗细程度,属性值可以为bold或用数字表示。
font-size表示字体大小,单位为pt。
2、文本属性
text-align设置对齐方式,取值为left,right,center,justify(文本两端对齐)
text-indent,设置缩进,单位是px或pt。
text-transform用于指定是否将字母全部大写,全部小写,或首字母大小,对应值为uppercase,lowercase和capitalize。
text-decoration该属性用来设置是否给文本设置属性,属性值可以取none(不加任何画线),underline(加下画线),overline(加上划线),line-througn(加删除线)或blink(使文字闪烁)。
vertical-aligng该属性用来设置文本的垂直对齐方式,属性的值可以为baseline、sub、super、top
text-top、middle、bottom、或text-bottom。
line-height该属性用来设置文本的行间距,属性值是一个具体的数值。
3、颜色和背景属性
1、名称表示法
直接用颜色的英文名称来表示;如:color:red;
2"RGB"表示法
R、G、B分别代表红、绿、蓝三种颜色,每种颜色的取值用两位16进制表示,即从00到FF,数值越高代表颜色越淡
background-image该属性用以背景图像,默认取值为none,当要指定背景图像时,将属性值设置为图像的URL即可。如:background-image:URL(“animal.jpg”);
background-repeat属性用于指定背景图像是否重复出现来平铺背景、repeat-x,repeat-y、no-repeat。
background-position该属性用来设置背景图像后,来指定背景图像的位置,取值可以是百分比,也可以是top,center,bottom,left和right。
4、文本的显示方式
文本显示方式是指文本内容在浏览器中以何种方式显示,文本的显示内容有4种,块显示、行显示、列表显示方式和不显示。可以通过display属性来设置。
(1)block:块显示方式,指文本内容以块的内容显示,还可以通过position,width,和height属性设置块的位置和大小。
(2)line:行显示方式。
(3)list-item:列表显示方式,可以通过list-style-type属性来设置项目符号的外观,可取的值有disc(圆盘)、square、decimal(十进制)、lower-roman、upper-roman、lower-alpha及upper-alpha。
(4)none:不显示内容。