css初始

一、CSS

  1、定义

　　CSS：（网页美颜相机）  层叠样式表

 2、优点

　　使用标签中的属性去改变元素的样式会使页面显得瘫痪臃肿 

 

   3、作用：用来美化网页的 

二、样式表

  1、样式：行内样式表      内部样式表(内联)      外部样式表 (外联)

         （1）行内样式表（内联样式表）：内嵌的标签中，通过style标签来操作其的属性 、属性值等多个样式。在样式表中，width是样式的属性，200px是样式的属性值，属性与属性值之间用：隔开，多个属性之间用;隔开 

 　　（2） 内部样式表：在head标签中使用style标签 

 　　（3） 外部样式表 ： link:建立与外部CSS文件的链接，href：定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径。type：定义所链接文档的类型，在这里需要指定为“text/CSS”，表示链接的外部文件为CSS样式表。rel="stylesheets":定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件 。

 

CSS规范:1、 选择器与花括号之间加空格

                2、冒号与属性值之间加空格

                3、多个属性值之间用;

 

三、 字体样式属性

1. 利font-size:字号大小用像素表示   属性值一般设置偶数  页面中默认字体大小是16像素
2. 利font-family:字体的家族  汉字表示：黑体  英文表示 SimSun Unicode 编码: "5B8B4F53"
3. font-weight:字体粗细   bold
4. font-style:字体风格  oblique/italic 表示倾斜
5. font:综合设置字体样式，选择器{font: font-style  font-weight  font-size  font-family;}

四：外观属性

1. color: 文本颜色、 十六进制 、 RGB

　　2、通过line-height:设置行间距（行高属性 ）    文本垂直居中，属性值与盒子高度相同 

　　　　line-height: 100px;

      　　数值小于高度，文本靠上

      　　 line-height: 60px; 

     　　 数值大于高度， 文本靠下

2. text-align:  水平对齐方式    
3. text-indent:  首行缩进
4. text-decoration: underline     文本下划线 

         text-decoration: line-through  文本删除线 

         text-decoration:  overline     文本上划线