其他样式 圆角边框 在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。 border-radius 属性用于设置元素的外边框圆角。 border-radius:length; 参数值可以为数值或百分比的形式 如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一半即可，或者直接写为 50% 该属性是一个简写属性，可以跟四个值…
CSS 三大特性 层叠性 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式. 层叠性主要解决样式冲突的问题 层叠性原则： 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠 div { color: red; font-size: 18px; } div { color: green; }…
Emmet语法 简介 Emmet 语法的前身是 Zen coding，它使用缩写来提高 HTML/CSS 的编写速度。 快速生成HTML结构语法 生成标签：直接输入标签名，按 tab 键即可。比如 div 然后 tab 键， 就可以生成 <div></div>。 如果想要生成多个相同标签 ，加上 * 就可以了。比如 div*…
本文章基于 BV1Ew411o73C 变量命名规则 变量命名规范 不能使用关键字 头第一个字母只能是 _ 或者字符，其他位置可以是 _ 、数字或 字母 可以使用中文 警告： 不要用中文来命名变量或函数，可能出现奇怪的编译错误 项目命名规范 可以有个人的喜欢，但请务整个项目使用同一种命名规范 变量名： 小写开头，小驼峰 函数名，类名 大写开头，大驼峰…
本文章基于 BV14J4114768 记录 CSS 选择器 CSS 基础选择器 基础选择器又包括：标签选择器、类选择器、id 选择器和通配符选择器 标签选择器 标签选择器（元素选择器）是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的 CSS 样式。 语法：标签选择器 { 属性：属性值; ...} 作用：标签选择器（…
该文章仍在更新中 Flowchart Graph 该语句声明了流程图的方向。 这句语句声明了图的方向是从上到下（TD或TB）。 graph TD Start --> Stop 这句语句声明了图的方向是从左到右（LR）。 graph LR Start --> Stop 流程图方向 可能的流程图方向为： TB-从上到下 TD-自顶向下/从上…
本文章基于 BV14J4114768 记录 基本结构标签 标签名 定义 说明 <html></html> HTML 标签 页面中最大的标签，称为根标签 <head></head> 文档的头部 注意在 head 标签中我们必须要设置的标签是 title <title></title&g…