CSS显示XML文档

目录

标题1：CSS的基本语法

标题2：CSS属性

---

一 、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：不显示内容。