css初识

1、 为什么要用CSS:使用标签中的属性去改变元素的样式会使页面显得瘫痪臃肿 

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

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

4、css样式表

样式表：行内样式表 内部样式表 外部样式表 

       1、行内样式表（内联样式表）：内嵌的标签中，通过style

       style是标签的属性 、属性值是多个样式

       px:像素单位 

       在样式表中：width是样式的属性，200px是样式的属性值，属性与属性值之间用：隔开，多个属性之间用;隔开 

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

3、外部样式表 

 link:建立与外部CSS文件的链接

 rel="stylesheets":定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件 

5、CSS规范:

1、空格规范： 

a)        选择器与{之间必须包含空格

b)        属性名与之后的 : 之间不允许包含空格， : 与属性值之间必须包含空格

2、选择器规范：

a)        当一个rule包含多个selector时，每个选择器声明必须独占一行

b)        嵌套层级应不大于 3 级

3、属性规范：

a)        属性定义后必须以分号结尾

b)        属性定义必须另起一行

4、a标签去下划线：text-decoration:none

5、li标签去点：list-style:none

6、快速搭建页面：ul>li*5

table>tr*5>td*6

div.box

div#box

6、css 字体样式属性

1、利font-size:字号大小   用像素 属性值一般设置偶数  页面中默认字体大小是16像素

2、利font-family:字体的家族  汉字表示：黑体  英文表示 SimSun Unicode 编码: "\5B8B\4F53"

3、区font-weight:字体粗细   bold

4、font-style:字体风格  oblique/italic 表示倾斜

5、font:综合设置字体样式

选择器{font: font-style  font-weight  font-size  font-family;}

7、css外观属性

1、color:文本颜色

       十六进制  0-9 A-F 

       用六位 

       #000000黑色

       #ffffff黑色 

       RGB

       red 红色  green  绿色  blue蓝色 

      0-225 

2、通line-height:行间距

 行高属性 

      文本垂直居中，属性值与盒子高度相同 

      数值小于高度，文本靠上

      数值大于高度， 文本靠下

3、text-align:水平对齐方式  

4、text-indent:首行缩进

5、text-decoration:文本下划线 

text-decoration: underline; 文本删除线 

text-decoration: line-through; 文本上划线