背景
在我们的项目初始化搭建过程中会遇到这种情况，需要我们自己清除css默认样式，但是我们不可能一周都有那个清除默认css样式的文件
实现
步骤一
在终端使用 npm 引用 reset-css
npm i reset-css
步骤二
引入！！！！
最后在入口文件（main.js) 中引用（不同项目的入口文件不同可能，只要引入就行了）
import 'reset-css'
（最简单）使用 reset-css 初始化浏览器css样式
2023-12-25
499
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
（最简单）使用 reset-css 初始化浏览器css样式
目录
相关文章
|
前端开发
如何设置 CSS 盒子模型的边框样式？
CSS盒子模型的边框样式可以通过`border`属性设置，包括边框宽度、样式和颜色。例如：`border: 2px solid red;` 设置了2像素宽的红色实线边框。也可分别设置四边，如`border-top`、`border-right`等。
512
2
2
|
1月前
|
前端开发
算法
Java
【CSS】前端三大件之一，如何学好？从基本用法开始吧！（二）：CSS伪类：UI伪类、结构化伪类；通过伪类获得子元素的第n个元素；创建一个伪元素展示在页面中；获得最后一个元素；处理聚焦元素的样式
伪类：伪类这个叫法源自于它们跟类相似，但实际上并没有类会附加到标记中的标签上。
伪类分为两种(以及新增的伪类选择器)：
UI伪类：会在HTML元素处于某种状态时(例如：鼠标指针位于连接上)，为该元素应用CSS样式。
:hover
结构化伪类：会在标记中存在某种结构上的关系时
例如：
某元素是一组元素中的第一个或最后一个，为该元素应用CSS样式。
:not和:target(CSS3新增的两个特殊的伪类选择器)
106
1
1
|
1月前
|
前端开发
算法
Java
【CSS】前端三大件之一，如何学好？从基本用法开始吧！（一）：CSS发展史；CSS样式表的引入；CSS选择器使用，附带案例介绍
上下文选择器(迭代选择器)：基于祖先或同胞元素选择一个元素
ID和类选择器：基于id#和class的属性值进行选择元素。
属性选择器：基于属性的有无和特征进行选择。
①上下文选择器：
上下文选择器的语法格式：标签1 标签2{属性:值;}
//注意：组合选择器和上下文选择器的区别，组合选择器以逗号隔开，
上下文选择器以空格隔开
②特殊的上下文选择器
子选择器> :
语法格式:标签1>标签2 解释说明：标签1和标签2
142
0
1
|
1月前
|
前端开发
算法
Java
【CSS】前端三大件之一，如何学好？从基本用法开始吧！（三）：元素继承关系、层叠样式规则、字体属性、文本属性；针对字体和文本作样式修改
继承
我们的CSS中很多的属性也是可以继承的，其中相当一部分是跟文字的相关的，比如说颜色、字体、字号。
当然还有一部分是不能继承的。
例如边框、内外边距。
层叠
层叠是CSS的核心机制。
层叠的工作机制：
当元素的同一个样式属性有多种样式值的时候，CSS就是靠层叠机制来决定最终应用哪种样式。
层叠规则：
层叠规则一：找到应用给每个元素和属性的声明。
说明：浏览器在加载每个页面时，都会据此查找到每条CSS规则，
并标识出所有受到影响的HTML元素。
59
1
1
|
4月前
|
前端开发
WebView2 控件（基于 Microsoft Edge (Chromium) 的嵌入式浏览器控件），保存资源(图片、脚本、CSS)
WebView2 控件（基于 Microsoft Edge (Chromium) 的嵌入式浏览器控件），保存资源(图片、脚本、CSS)
244
38
42
|
7月前
|
前端开发
|
前端开发
JavaScript
|
11月前
|
JavaScript
前端开发
|
12月前
|
前端开发
测试技术
定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计，再到HTML结构搭建与CSS样式设计，最后实现具体页面并进行优化提升，全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计，再到HTML结构搭建与CSS样式设计，最后实现具体页面并进行优化提升，全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现，强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
420
7
7
|
前端开发
JavaScript
UED
热门文章
最新文章
1
Playwright MCP 浏览器自动化框架全面解析
2
入门指南：使用 Playwright MCP Server 为你的 AI Agent 赋予浏览器自动化能力
3
PHP 程序员如何为 AI 浏览器（如 ChatGPT Atlas）优化网站
4
Playwright MCP浏览器自动化全攻略
5
Playwright MCP浏览器自动化指南
6
Apple Safari 26 正式版发布 - macOS 专属浏览器 (独立安装包下载)
7
Apple Safari 26.0.1 发布 - macOS 专属浏览器 (独立安装包下载)
8
“所见即所爬”：使用Pyppeteer无头浏览器抓取动态壁纸
9
CSS 全解析实战(三)-CSS 基础