🤍 前端开发工程师、技术日更博主、已过CET6 🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 🕠 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》 🍚 蓝桥云课签约作者、上架课程《Vue.js 和 E…

Css 通用、公共样式 需要安装 sass 预处理器 npm install sass-loader --save-dev npm install node-sass --save-dev 新建 common.scss 文件 // 定义颜色 $main-color: #333333; $content-color: #606266; $tips-color: #909399; $border-color: #e4e7ed;html, body {font-fa…

在网页制作过程中，定义样式表的方法主要有下面三种。 1.通过HTML标签定义样式表 CSS样式表的基本语法如下： 引用样式的对象｛标签属性：属性值；标签属性：属性值；…｝ （1&am…

最近发现在修改样式的时候，好多复用的按钮，各式各样的框之类的样式，一样的效果但是是复制了一边css代码实现的。重构使用 css 变量 css 首先CSS 变量也有全局和局部作用域。和js一致，花括号中 {} 是一个作用域 如需创建具有全局…

目录 一、css语法规范 二、CSS选择器 1.类（class）选择器 2.id选择器 3.CSS选择器优先级 三、网页中引入css样式 1.内联（行内）样式 2.内部样式表 3.外部样式表 4.link标签引入外部样式文件 ​编辑 5.CSS样式优先级 四…

HTML 标签&#xff1a;<div> 和 <span> 在 HTML 中&#xff0c;<div> 和 <span> 是两个非常常用的标签&#xff0c;它们的主要区别在于它们的显示方式和用例。 1. <div> 标签 <div> 标签是一个块级元素&#xff08;block-level element…

目录 一、基础概念 二、CSS使用 1、行内样式 2、内部样式 3、外部样式 4、CSS语法 5、CSS注释 三、基本选择器 1、id选择器 2、class选择器 3、元素选择器/标签选择器 4、选择器优先级 5、样式表的优先级 四、CSS常用样式 1、color&#xff1a;字体颜色 2、widt…

后代元素会继承父代元素的样式。 继承是发生在祖先后后代之间的。 继承的设计是为了方便我们的开发&#xff0c;利用继承我们可以将一些通用的样式统一设置到共同的祖先元素上&#xff0c;这样只需设置一次即可让所有的元素都具有该样式。 <p>我是一个p元…