前端学习（第四天）~

接下来正式开始css样式学习啦！

1.1

css=层叠样式表=修饰html页面的样式

     css是标记语言，可以做设置html（字体 大小 对齐 方式）

<link href="styles/style.css" rel="stylesheet" />

<style>
h4{
color:blue;
font-size:100px;
}
</style>

1.1  和 HTML 类似，CSS 也不是真正的编程语言，甚至不是标记语言。CSS 是一门样式表语言，这也就是说人们可以用它来选择性地为 HTML 元素添加样式。

• 每个规则集都应该包含在成对的大括号里（{}）。
• 在每个声明里要用冒号（:）将属性与属性值分隔开。
• 在每个规则集里要用分号（;）将各个声明分隔开

  p {
    color: red;
    width: 500px;
    border: 1px solid black;
  }
  

1.2    css的特性

• 一    CSS层叠性

• 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题。

• 层叠性原则： 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式.样式不冲突，不会层叠。

• 

• 二    CSS继承性

• 现实生活中的继承: 我们继承了家族的姓

• CSS中的继承: 子标签继承父标签（子承父业）（text-，font-，line-，color-)

• 

• 三    CSS优先级

• 标记选择器	body,div,p,ul,li
  id选择器	id="name",id="name_txt"
  类选择器	id="name",id="name_txt"
  后代选择器	#head .nav ul li
  子元素选择器	：div>p ,带大于号>
  伪类选择器	就是链接样式 a元素的伪类，4种不同的状态：link、visited、active、hover。

1.3 引入方式

行内 

内部

外部

1.4选择器

通用

标签

id

class

属性

派生

1.5  单位（长度单位）

在css中常有的单位长度是

px	绝对单位。像素
em	相对单位。相对于其父元素的font-size，如父元素font-size: 12px；那么子元素1em = 12px，1em = 24px
rem	相对单位。相对于其根元素（）的font-size
vw	相对单位。相对页面视口的宽度，页面总宽度为100vw，页面宽度的1% = 1vw
vh	相对单位。相对页面视口的宽度，页面总宽度为100vw，页面宽度的1% = 1vh

今天学习基本的css内容告一段落，后面的盒子模型和网页布局是中心，会持续更新内容

感谢大家的支持！谢谢大家阅读!持续关注！