css基础知识点
- 选择器:用于指定需要样式化的 HTML 元素。
- 属性:用于定义 HTML 元素的样式。
- 值:指定属性的特定样式值。
- 盒子模型:指定了 HTML 元素的四周包围盒子的大小和位置。
- 布局:指定 HTML 元素的组织方式和位置。
- 外部样式表:通过一个单独的 CSS 文件来定义样式。
- 内部样式表:通过在 HTML 文件的 head 标签中使用样式来定义样式。
- 内联样式:直接在 HTML 元素的 style 属性中定义样式。
- CSS 选择器:用于指定需要样式化的 HTML 元素。
- 类选择器:用于指定特定类的 HTML 元素。
- ID 选择器:用于指定特定 ID 的 HTML 元素。
- 伪类选择器:用于指定 HTML 元素的特殊状态或位置。
- 伪元素选择器:用于指定 HTML 元素的特定部分。
- 相对长度单位:指定相对于其他元素或窗口的长度。
- 绝对长度单位:指定一个特定的长度,如像素或英寸。
- 颜色:指定 HTML 元素的颜色。
- 字体:指定 HTML 元素的字体类型、大小和样式。
- 悬停:指定鼠标悬停在 HTML 元素上时的样式。
- 关键帧动画:用于创建动态动画效果的 CSS 功能。
- 级联优先级:用于指定样式定义的优先级,可以避免样式冲突问题。
- 盒子模型:用于定义 HTML 元素的内边距、边框和外边距。
- 浮动:用于定位 HTML 元素在文档中的位置。
- 清除浮动:防止浮动元素影响到文档布局的方式。
- 定位:控制 HTML 元素的位置。
- z-index:用于控制 HTML 元素的堆叠顺序。
- 背景:控制 HTML 元素的背景颜色和图片。
- 文本:控制 HTML 元素的文本颜色、大小、字重和对齐方式。
- 列表:控制 HTML 列表的样式。
- 表格:控制 HTML 表格的样式和布局。
- 背景定位:用于控制背景图像的定位和重复方式。
- 字体图标:使用 CSS 来显示小图标和矢量图形。
- 响应式 Web 设计:使用 CSS 来创建适应不同设备和分辨率的 Web 页面。
- Flexbox:一种更直观、灵活的排版方式,用于实现响应式页面布局。
- Grid:一种更强大、复杂的排版方式,用于创建复杂的网格布局。
- CSS 框架:用于快速构建样式美观的网站和应用程序的库和框架。
- CSS 后处理器:使用类似编程语言的语法来扩展 CSS,并自动转换为标准 CSS 的工具。
- Jade/Pug:一种基于缩进的 HTML 模板语言,可以更简洁、易懂地定义 HTML 结构。
- LESS、Sass 和 Stylus:用于扩展 CSS 的预处理器,提供了变量、嵌套规则、混入、函数等功能。
- CSS 转换工具:用于将一个前端框架或库的样式表转换为另外一个前端框架或库的样式表。
- CSS Lint:一种用于检测 CSS 代码错误、潜在的问题和不良习惯的工具。