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 编码: "5B8B4F53"

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; 文本上划线 

原文地址:https://www.cnblogs.com/wangxue13/p/13512705.html