小李带你玩转html—01

CSS

css:cascading style sheets,层叠式样式表(通俗来说，定义了html标签你想要在网页上显示的样式)
css的本质就是将结构和样式进行分离，不再结合在一起
首先我们得知道前端三层：

• html 结构层，搭建了网页的框架
• css 样式层，让页面更加好看
• JavaScript 行为层，实现了页面交互，让网页更加灵活好看

CSS作用

样式：html标签在页面上的显示样式。


所以css作用：

• a.给文本添加文字显示样式
• b.给盒子添加属性进行结构布局
  ——————————————————————————————

CSS属性

• 文本样式
• 字体和颜色和大小

大小：font-size 本身是一个复合属性font，里面的单一属性，需要用font单
一属性名。
     属性值，以像素为单位。
颜色：color.属性值有好几种表达放大，
	 十六进制、RGB、reba、颜色名
	 例如：red（红色）
	      orange（橙色）
	      yellow（黄色）
	      green（绿色）
	      cyan（青色）
	      blue（蓝色）
	      purple（紫色）
	      white（白色）
	      black（黑色）
	      pink（粉色）
	      gole（金色）
	      lightblue（浅蓝色）
字体：font-family 复合属性的一个单一属性。中文字体和英文字体
	 书写时将英文字体写在前面，中文字体写在后面
	 英文字体：常用Arial,consolas
	 中文字体：默认字体为宋体，常用字体有宋体、微软雅黑
	 Microsoft Yahei（微软雅黑）
	 SliSum（宋体）
实体化：将盒子给宽、高、背景色、边框。
宽度：width 属性值是像素
高度：height 属性值是像素
背景色：background-color 属性值就是颜色纯色
边框：border 复合属性，有多个属性值，属性值之间用空格隔开
	 边框的宽度、颜色、线的类型
实线边框：

如果有隶书则使用隶书，如果没有依次使用后面的。

CSS的书写位置

根据书写css属性位置不同 ，将我们的样式表分为三种：

• 行内式
• 内嵌式
• 外链式

行内式：
css属性写在标签的一个style属性里，可以书写他的所有css样式

这就是行内式
内嵌式：
写在html文件里的，head标签内有一对style标签，是一个双标签，我们所有的css样式属性都写在双标签内部
style标签有一个属性叫做type，属性值“text/scc”，表示内部写的是纯文本类型的css代码

可通过F12查看style来看具体样式：↓
外链式：
将css单独写在另外一个css文件里。

CSS的注意事项

• html的属性和属性值，键值对：k=“v”
• css的属性和属性值，键值对：k:v;
• 多个属性之间必须用分号分割，不再出错
• 内嵌式：所有的样式必须写在一对大括号里
• css对于换行 、空格 、缩进也不敏感