程序猿学习第六天，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：；边框颜色。