web&安卓逆向之必学CSS基础知识

文章目录

  • CSS基础知识
    • 一、CSS的介绍
      • 1. CSS 的定义
      • 2. CSS 的作用
      • 3. CSS 的基本语法
      • 4. 小结
    • 二、css 的引入方式
      • 1. 行内式
        • 语法格式:
        • 特点:
        • 适用场景:
      • 2. 内嵌式(内部样式)
        • 语法格式:
        • 特点:
        • 适用场景:
      • 3. 外链式
        • 语法格式:
        • 特点:
        • 适用场景:
      • 4. CSS引入方式选择
        • 选择建议:
      • 5. 小结
    • 三、css 选择器
      • 1. CSS 选择器的定义
      • 2. CSS 选择器的种类
        • 标签选择器
        • 类选择器
        • 层级选择器(后代选择器)
        • ID 选择器
        • 组选择器
        • 伪类选择器
      • 3.小结
    • 四、css 属性
      • 布局常用样式属性
      • 文本常用样式属性
      • 布局常用样式属性示例代码
      • 文本常用样式属性示例
      • 小结
    • 五、css 元素溢出
      • 1. 什么是 CSS 元素溢出
      • 2. 示例代码
        • **示例 1:`overflow: visible`**
        • **示例 2:`overflow: hidden;`**
        • **示例 3:`overflow: scroll;`**
        • **示例 4:`overflow: auto;`**
      • 3. 小结
    • 六、css 显示特性
      • display 属性的使用
      • 常见 display 属性的使用示例
        • 2.1 `block` 示例
        • 2.2 `inline` 示例
        • 2.3 `inline-block` 示例
        • 2.4 `none` 示例
        • 2.5 `flex` 示例
        • 2.6 `grid` 示例
      • 小结
    • 七、盒子模型
      • 1. 盒子模型的介绍
      • 2. 盒子模型相关样式属性
          • (1)`width` 和 `height`
          • (2)`padding`
          • (3)`border`
          • (4)`margin`
          • (5)`box-sizing`
        • 3. 小结
      • 教学案例
        • 案例1:创建一个盒子模型的简单示例
        • 案例2:使用`box-sizing`简化布局
    • 八、作业

CSS基础知识

学习目标

  • 能够知道css的作用
  • 能够知道css的引入三种方式
  • 能够说出css选择器的种类
  • 能够知道常用的样式属性
  • 能够说出元素溢出的解决办法
  • 能够说出标签隐藏设置
  • 能够知道盒子模型的各个属性

一、CSS的介绍

CSS(Cascading Style Sheets,层叠样式表)是用来控制网页外观和布局的一种语言。它可以为 HTML 文档提供样式支持,分离网页的内容与表现。通过 CSS,我们可以轻松控制网页的字体、颜色、间距、布局等视觉效果,从而提升用户的体验和网页的美观性

1. CSS 的定义

CSS 是一种样式表语言,用于描述 HTML 或 XML 文档的表现。HTML 主要用于定义网页的结构,而 CSS 则用来定义网页的样式和布局。通过 CSS,开发者可以使多个页面共享相同的样式表,从而减少重复的样式定义并提高开发效率。

CSS的主要作用:

  • 使网页的内容和表现分离,保持结构的简洁性和易

你可能感兴趣的:(前端,css,web,android,逆向)