web —— css(1)

Web —— css基础

        • 1. CSS样式表
        • 2. CSS的三种引入方式
        • 3. CSS 语法
        • 4. CSS 选择器
            • 4.1 元素选择器
            • 4.2 类选择器
            • 4.3 ID选择器
            • 4.4 属性选择器
            • 4.5 后代选择器
            • 4.6 子元素选择器
            • 4.7 伪类选择器
            • 4.8 分组选择器
        • 5. 颜色和字体
        • 6. 显示方式display
        • 7. 盒子模型
            • 7.1 盒子模型 - 外边距塌陷
            • 7.2 盒子模型 - 父元素消失
            • 7.3 盒子模型 - 边框和外边距
        • 8. CSS三大特性

1. CSS样式表
CSS: (Cascading Style Sheets,层叠样式表),是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的标记型计算机语言,使网页更具吸引力和可读性
作用:将文档的内容与其呈现方式分离,通过将样式应用到HTML元素上,可以改变字体、颜色、大小、间距、边框等各种视觉效果,从而实现对网页的个性化定制
特点
  层叠性(Cascading):多个样式规则可以应用于同一个元素,且具有不同的优先级
  继承性(Inheritance):某些样式属性会被子元素继承,简化了样式定义的工作
  选择器(Selectors):通过选择器来选择要应用样式的元素
  盒模型(Box Model):网页中的每个元素都被看作是一个矩形框,包括内容区、内边距、边框和外边距
2. CSS的三种引入方式

内联样式 ▶
  ➤ 内联样式将CSS代码直接应用到HTML元素的