css语法，文本

一，css语法规则：

css使用多种选择器来确定要定义的HTML标记和大量的属性来定义HTML文档

基本语法：选择器{属性：属性值；}

css可以通过多种选择符来选择要修饰的HTML标签

1，统配选则器，就是选择所有的标签

 语法：*{规则}

例：*{font-family:"宋体";}

2，类型选择器，即使用标签的名字作为选择符

 语法：标签{规则}

例：td{color:#F00;}

3，ID选择器。每个HTML标签的id值都是不一样的，一个id只能使用一次

 语法：#id{规则}

4，类（class）选择器 

 语法：.className{规则}

 可以在前面添加标签名字，如divclassname，可以为标签指定多个class值，之间用空格隔开

 例：<div class="dv top">

5，包含选择器，通过标签的嵌套，只要包含就可以 

 语法：选择符a  选择符b {规则}

 选择符之间用逗号隔开，即选择符a包含选择符b里面的所有标签

二css中的长度单位 

 1，px像素：根据显示器的分辨率不同，像素的大小也是不一样的

2，em，以当前字符的高度为基准，即1em=12px 

3， 

cm/mm/pt/pc

主要用在非显示器输出上，如打印如果网页在显示器上显示，则这些单位将转换为一定的像素显示，即长度也是依靠显示器分辨率的

 三，css中的颜色表达

网页中的颜色采用RGB（red green blue）显示 

1，直接使用相关颜色的英文单词表示 ，但是有的浏览器不支持

2，使用三种颜色的数值，范围在（0，,255）之间，如：rgb（0,100,255） 

使用百分比显示，如：（10% 100% 25%） 

 3，使用三色数值的十六进制表示，如#0000ff   注意：使用时候前面要加“#”

四 css中字体相关样式

1，font-family  指点字体 可以为文字指定多个字体，不同字体间用“，”隔开

字体名字中间有空格的，要用双引号引起来

2，font-size  字体大小，多用px/em单位

3，font-style   字体倾斜效果，normal不倾斜、oblique和italic倾斜，Italic是使用文字的斜体，Oblique是让没有斜体属性的文字倾斜！

4，font-weight 字体粗细

normal	正常粗细
bold	粗体
bolder	加粗体
lighter	比正常粗体细
100~900	共9个层次，数字越大，字体越粗

 5，text-transform 英文字母大小写转换

 

capitalize	单词首字母大写
uppercase	全部大写
lowercase	全部小写

 6，text-decoration   文本的装饰效果

 

underline	文字加下划线
line-through	文字加删除线
overline	文字加上划线

7，text-indet   段落内容首行缩进（悬挂缩进）

例如：text-indet：2em

 8，字体间距

（1）英文文本

letter-spacing  字母和字母间距 : normal / 数值

word-spacing  单词和单词间距

（2）中文文本

letter-spacing  字和字之间的间距

9， overflow:visible（默认）/hidden（超出部分隐藏）/scroll（出现滚动条）/auto（浏览器自动处理）

text-overflow：clip（不显示省略标记，简单裁切） | ellipsis （文本溢出显示省略标记）文本溢出处理

white-space： normal / pre（空白被保留）/nowrap（不换行）/....

元素空白的处理

10，line-height                          

  段落内部的行高，注意：文字在每一行自动上下居中

11， text-align

文本的水平位置

left，左对齐（默认值）

right,右对齐

center,居中对齐

justify,两端对齐

justify对于主要用于英文

只能对多行中的非最后一行进行两端对齐

 12，vertical-align:baseline/top/text-top/middle/bottom/..  垂直对齐方式

该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。