程序猿学习第六天，CSS

CSS：层叠样式表（Cascading Style Sheet）;概念略。

一、样式表类型

1.行内样式：在标签内添加style属性。

2.内部样式：在title中添加style标签。

<style type="text/css"></style>

3.外部样式：创建css文件，并在HTML文件中通过link或者@import标签引用css文件。

演示优先级:行内 > 内部 > 外部

二、选择器

1.标签选择器

2.class类选择器

3.id选择器

Id选择器 > 类选择器 > 标签选择

三、复合选择器

1.后代选择器：Html中标签之间有两种关系,并列和嵌套,嵌套就构成了祖先后代的关系；两个选择器紧紧相挨着，后代选择器各个选择器之间用空格隔开, 前后可以是任何类型的选择器。

2.交集选择器：前者必须是标签选择器，后者必须是非标签选择器

3.并集选择器：多个选择器中的样式相同的时候,可以把这些选择器放到一起声明,就是并集选择器

四、继承

子标签可以继承父标签的样式风格

子标签样式的修改不会影响父标签的样式风格

五、css样式属性

span标签，没有任何作用，可用来作为标签来给指定位置文字更改样式属性。

1.常用字体属性
font-family-------设置字体类型--------font-family:"";
font-seze---------设置字体大小--------font-size:12px;
font-style---------设置字体风格--------font-style:normal正常    italic倾斜;
font-weight-------设置字体的粗细-----font-weight: lighter/normal/bold/bolder  100 200 ..... 900;
font---------在一个声明中设置所有字体属性------font:italic bold 36px "宋体"

2.文本属性
color------设置文本颜色------color：；
text-align------设置元素水平对齐方式-------text-align:right/left/cnter;
text-indent------设置首行文本缩进------text-indent:20px像素单位/2em字符单位;
line-height------设置文本的行高------line-height:25px或者数字后不写单位，就是多倍行距;
text-decoration------设置文本装饰------none/underlin下划线/overline上划线/line-through删除线/;

3.其他常用属性
vertical-align:middle;常用来定义图片两端的文字和图片相对的垂直对齐方式为居中。
margin：；边框外距离。
padding：；内容距离边框的内边框的距离。
border：；边框宽度。
solid：；边框颜色。