HTML+CSS学习记录03--CSS样式表

CSS样式写在< style>标签里。
推荐把< style>标签放在< head>标签里面
1、CSS使用

• 选择器
  告诉浏览器要设置样式的html元素
• 声明块
  ⽤于设置样式
  

快捷方式

• 层叠样式表
  一个声明块里有两个样式相同的属性
  
  两个相同的属性发生了层叠，用后面的属性覆盖了前面的
  
• Viewport
  针对移动端开发，调整比例为正常大小

若注释掉：

将网页模拟为移动端：

Viewport将⽹⻚的视⼝设置为完美视⼝，开发移动端⻚⾯时⼀定要加上。
加上后：

此时div盒子比例正常

2、几种CSS的写法及推荐写法

• 内部样式表

写在元素的style标签⾥⾯的

• 内联样式表
  写在styles属性⾥⾯的
  
  
• 外部样式表
  link标签将css资源引⼊
  
  
  
• 推荐使用外部样式表