前言 最近在优化项目的过程中，发现使用了padding以后。 当点击操作时盒子老是会被撑大，起初以为是因为设置margin的原因 但是也设置了溢出配置 overflow: hidden; 。 后来发现原来是padding的原因，去css查了一下，原来 盒子宽度=padding+bord
2023-06-26
CSS盒子模型概述 所谓“盒子模型”，即是将网页布局中的元素（能设置宽高的元素）进行拟物化的比喻，一个盒子是由“内容--content”（盒子内的物件）、“内间距--padding”（物件和盒壁的距离）、“边框--border”（盒壁）、“外间距--margin”（整个盒子和其它物体的距离）组成，
2022-12-15
CSS背景属性概述 在当今的HTML页面中，页面的背景色默认为“白色”，除了少许的表单元素及HTML5规范后才出现的一些新的“功能性”元素标签，其它元素是不具有背景色的（也可以理解为透明的）。要为页面内的元素添加漂亮的“装饰”，让页面表现得更加丰富，区别于人，除了“border”、“outline
2022-12-15
文本概述 在上一节中我们讲到过了“CSS字体样式”，而我们这一节中要讲的文本和字体是有所区别的，字体CSS设置主要是围绕文字本身进行，如文字风格、字体粗细、字体大小、字体系列、字体颜色等，就是说无论进行什么样的设置都是围绕单个文字本身的样式进行设置的，并不会影响到文本的整体布局（“font”组合值
2022-12-15
字体 文字的的基本属性为“font”，可以通过该属性的分支属性设置网页内字体的样式，如字体类型、字体粗细、字体大小、字体系列，甚至还可以直接通过简写让“font”属性同时实现对多个分支属性（又可以叫做“子属性”）的设置，还能“半隐式”地对文本行高进行设置。 "font"：缩写形式 举例
2022-12-15
CSS 概述 CSS，全称“Cascading Style Sheets”（层叠样式表），用于设置HTML标签的样式 CSS引用方式 行内样式 内嵌样式 外链样式 导入式 CSS引用优先级 行内样式 > 内嵌样式 > 外链样式 >
2022-11-15