星野集-个人编程学习与开发笔记归档

CSS3核心特性-第8章-8.4-自定义字体（@font-face）

8.4 自定义字体（@font-face）学习目标掌握@font-face规则的语法结构及字体格式要求理解字体文件格式（TTF/OTF/WOFF）的兼容性差异学会优化自定义字体加载性能（字体子集、预加载策略）能够解决自定义字体在不同浏览器中的渲染问题概念讲解 @font-face是CSS

笔记 CSS

写CSS时，最让人纠结的问题之一大概是：该用padding还是margin？这两个属性都能“留空”，但用错了可能导致布局错乱、样式不符合预期。本文用最直白的语言+生活化类比，帮你彻底理清两者的区别，并总结一套“傻瓜式”选择指南。一、核心概念：padding是“内衬”，margin是“外隔”——从

HTML5+CSS3教程 CSS

一、滤镜效果概述 CSS3的filter属性用于对元素应用图形效果，如模糊、亮度调整、对比度增强等，无需依赖图片编辑软件即可实现复杂视觉效果。该属性支持多种滤镜函数组合，可作用于图片、文字、背景等任何HTML元素，广泛应用于图片处理、交互动效和主题切换场景。二、核心语法与取值 2.1 基础语法 /

HTML5+CSS3教程 CSS

一、学习目标掌握 text-shadow 实现文本阴影效果的语法及多阴影叠加技巧理解 word-wrap 与 overflow-wrap 的区别及换行控制场景熟练运用 text-overflow 处理文本溢出显示省略号的实现方法了解 letter-spacing、word-spacing 等

HTML5+CSS3教程 CSS

一、学习目标掌握CSS3边框增强属性（border-radius、box-shadow）的语法与取值理解线性渐变（linear-gradient）和径向渐变（radial-gradient）的实现原理能够使用背景增强属性（background-size、background-clip）实现复杂

HTML5+CSS3教程 CSS

一、伪元素（Pseudo-elements） 1.1 核心概念伪元素是CSS中用于创建并设置文档中特定部分样式的虚拟元素，它们不存在于DOM中，但表现得如同真实元素。伪元素以**双冒号::**为前缀（CSS3规范），用于区分伪类（单冒号:）。核心作用：生成装饰性内容（如图标、分隔线）操作文本

HTML5+CSS3教程 CSS

学习目标掌握CSS3属性选择器的语法及使用场景理解并应用常见伪类选择器（如:nth-child()、:not()等）能够结合属性选择器与伪类实现复杂选择逻辑概念讲解 CSS3选择器是样式定位的核心工具，属性选择器和伪类选择器极大扩展了选择能力。属性选择器允许通过HTML元素的属性或属性值筛选

HTML5+CSS3教程 CSS

学习目标掌握CSS基础选择器（元素、类、ID选择器）的语法与使用场景理解组合选择器（后代、子元素、相邻兄弟等）的匹配规则能够通过选择器组合实现复杂元素定位区分不同选择器的优先级与性能影响概念讲解 CSS选择器是用于定位HTML元素并应用样式的模式。基础选择器通过元素类型、类名或ID直接匹配

HTML5+CSS3教程

一、学习目标掌握HTML注释的语法规则及使用场景理解代码格式化对可维护性的影响，掌握缩进与命名规范掌握语义化书写原则，区分结构与样式的职责边界二、概念讲解 2.1 注释的作用与意义 HTML注释是对代码的说明性文字，不会被浏览器解析显示，其核心价值在于：提高可读性：帮助团队协作或后期维护时

HTML5+CSS3教程

学习目标掌握HTML基础文本标签的语义与用法理解并正确使用通用属性（class、id、style）能够区分块级元素与行内元素的显示特性概念讲解 HTML标签是构建网页内容的基本单元，分为文本标签（用