Power's Wiki
·
CSS 学习笔记
💡
原文中文，约1500字，阅读约需4分钟。
📝
内容提要
CSS学习笔记介绍了调用外部样式表、选择器、颜色、文本、字体选用、文本格式化、伪类、盒子、列表、表格与表单、布局、规范、属性分类顺序、显示方法和布局、定位、盒模型框、尺寸、文本样式、背景、轮廓、透明度和阴影、动效、过渡、转换变形、动画、其他、伪类和伪元素、引用和媒体查询等内容。
🎯
关键要点
- 在 HTML 的 <head> 下添加外部样式表，推荐使用链接式的外部样式表。
- CSS 选择器的基本语法为 selector { property : value ; }，包括标签选择器、类选择器和 ID 选择器。
- 选择器组可以用相同样式定义不同元素，例如 h1, h2, h3 { color : navy ; }。
- 颜色属性包括字体颜色、背景色和透明度，透明度取值范围为 0.0 到 1.0。
- 字体大小可以使用百分比或 EM 值进行设置，h1、h2、h3 和 body 的字体大小有不同的比例。
- 字体选用时，多单词的字体名称需放在引号中，外链字体使用 @font-face 进行定义。
- 文本格式化属性包括粗体、斜体、大小写转换、下划线、删除线、行间距和对齐方式。
- 伪类用于定义链接的不同状态，如未访问、已访问、鼠标划过和已选中的链接。
- 盒子模型包括外边距、边框和内边距，影响元素的布局。
- 布局、规范、属性分类顺序、显示方法、定位、盒模型框、尺寸、文本样式、背景、轮廓、透明度和阴影等内容待补充。
- 动效包括过渡、转换变形和动画，增强用户体验。
- 其他内容包括伪类和伪元素、引用和媒体查询等。
➡️
