CSS学习01

day01 CSS学习

一、什么是CSS

css指层叠样式表(Cascading Style Sheetss):

是一种专门描述结构文档表现方式的文档，它可以描述这些文档如何在屏幕上显示

简单来说CSS样式定义了如何显示HTML元素，样式通常存储在样式表里，是为了解决内容与表现分离的问题

二、CSS的作用和好处

• 渲染页面，让页面更加美观漂亮。
• 便于信息的检索，达到复用的效果
• 文档体积小
• 可读性好
• 解耦

三、HTML如何引入CSS样式

• 内联样式，只对单标签起作用，写在开始标签里，通过style属性定义
• 内部样式，
• 外部样式，用链接元素
  • 属性一：type:指定链接资源的文件类型(text/css)
  • 属性二：rel：表示是什么性质的文件，stylesheet表示是样式表性质的文件
  • 属性三：href:链接的资源目录地址

三种样式的优先级

• 内嵌样式的优先级永远是最大的
• 内部样式和外部样式采用的是就近原则

四、CSS选择器

1. 基本选择器
   1. 元素选择器
   2. id选择器 #id
   3. class选择器 .class名
   4. 选择器组合 ,分割