🌻CSS 简介

type
status
date
slug
summary
tags
category
icon
password
☀️
点击带三角形的标题可以展开收缩内容。

CSS 简介

层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 文档的呈现（美化内容）。
CSS特性：化简代码 / 定位问题，并解决问题
  • 继承性
    • 继承性：子级默认继承父级的文字控制属性。
    • 注意：如果标签有默认文字样式会继承失败。 例如：a 标签的颜色、标题的字体大小。
  • 层叠性
    • 相同的属性会覆盖：后面的 CSS 属性覆盖前面的 CSS 属性
    • 不同的属性会叠加：不同的 CSS 属性都生效
  • 优先级
    • 规则：选择器优先级高的样式生效。
    • 公式：通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important（选中标签的范围越大，优先级越低）
    • 复合选择器-叠加
      • （行内样式，id选择器个数，类选择器个数，标签选择器个数）
      • 从左向右依次比较选个数，同一级个数多的优先级高，如果个数相同，则向后比较
      • !important 权重最高
      • 继承权重最低

CSS 书写位置

  • 内部样式表：学习使用
    • CSS 代码写在头部 style 标签里面
  • 外部样式表：开发使用
    • CSS 代码写在单独的 CSS 文件中（.css）
    • 在 HTML 使用 link 标签引入
  • 行内样式：配合 JavaScript 使用
    • CSS 写在标签的 style 属性值里

CSS 书写顺序

  1. 盒子模型属性
  1. 文字样式
  1. 圆角、阴影等修饰属性
🌻
欢迎在下方留言讨论~
HTML-NotesCSS 基本选择器
Loading...
目录