1、作用及基本用法作用将静态文件加个戳，这个戳是这个文件的hash，例如reset.css转化为reset.098f6bcd.css，只是加个戳，内容不会改变，常用于缓存管理。

前端css基础知识点之PC端项目-规范1文件管理文件名用英文命名css文件夹reset.css(常用的浏览器样式)public.css(公共的样式、比如页面的头部尾部、重复使用字体、字号等)index.css

README.md文件中exampleObject├─.gitignore├─babel.config.js├─package-lock.json├─package.json├─public│├─CSS││└─reset.css

CSS代码之外，还增添了一个引用矢量图标的样式，如果有兴趣的友友们，可以看看我的这篇博客，上面详细介绍了如何下载矢量图标并进行应用的：【Web前端实操17】导航栏效果——滑动门-CSDN博客代码如下：reset.css

网站图标网站的icon一情况下是放在网站跟目录中的，命名一般是命名为favicon.ico清除默认样式网页中清除基本样式的方法有很多种，做常见的有两种下载reset.css清空浏览器的样式优点:很暴力的清除了所有的浏览器样式

文章目录一：赛车游戏动画`HTML`源码：`JS`源码：`CSS`源码：（1）`normalize.css`（2）`style.css`二：吉普车动画演示`HTML`源码：`CSS`源码：（1）`reset.css

reset.css是重置样式表，统一各浏览器的基础样式，下面列出几个常见的reset文件，常放在公共样式表中引用淘宝的resetblockquote,body,button,dd,dl,dt,fieldset

字体适配：安装cnpminstallpostcss-pxtorem--save-dev配置//vue.config.js//然后在reset.css里面设置基础字体大小，如果不想让字体改变可以使用PXconstpxtorem

1、reset.css样式编写reset.css样式：/*/src/assets/styles/reset.css*/html,body{height:100%;}body{font:caption;margin

默认样式：浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果，所以为很多的元素都设置了一些默认的margin和padding，而它的这些默认样式，正常情况下我们是不需要使用的。所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉方式一：手动清除*{margin:0;padding:0;}li{list-style:none;}a{text-decorati

后来发现是reset.css的问题，主应用的reset.css的font:inhert这个属性导致点击加粗没有生效，把这个属性注释掉就可以加粗了我的项目是qiankun的项目，主应用和子应用，主应用用的

点击node_modules,查找reset-css,打开对应的文件就可以修改了，例如：打开reset.css，将font-size,font去掉。

本文介绍有关css的一些技巧以及一些比较另类的用法，有些情景完全可以避开使用Javascript，单纯的css就可以完美实现一、基础1.复位推荐大家使用reset.css*{box-sizing:border-box

CSS：ResetVue导入reset.css全局导入样式以下方式（App.vue、main.js）任选一种App.vue@import".

默认样式：浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果，所以为很多的元素都设置了一些默认的margin和padding，而它的这些默认样式，正常情况下我们是不需要使用的。所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉即化妆之前，要先把脸洗干净方式一：手动清除*{margin:0;padding:0;}li{list-style:none;}a{

欧朋现已改用GoogleChrome的Blink内核2、兼容性问题2.1不同浏览器的标签默认的margin和padding不同1、使用*{margin:0;padding:0;}格式化全局样式2、引入reset.css

标签配置最小和最大缩放等于1.页面不缩放，这样我们就可以保证页面笔记始终为1比1设置reset.css,border.css(这个文件可以去网站上搜索也可以去git上面下载)在assets里面新建文件夹

1px边框问题在实际项目中非常重要一、关于reset.css因为不同的浏览器默认的样式不同，所以在着手项目开始前，我们需要引入reset.css，将所有html标签的默认样式统一化。

/assets/css/reset.css")

布局文章目录前言实现目标静态实现页面大致样子添加模糊的背景图添加图片下载客户端部分轮播图小圆点第一个小圆点变成红色以及当鼠标放上其他任一小圆点也变成红色左右按钮总代码动态实现实现目标建立相关文件夹及文件banner.html是网页结构的部分banner.css是网页主要的样式reset.css

reset.css在HTML标签在浏览器里有默认的样式，例如p标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。

背景最近公司在搞的ai项目中遇到了一个场景，公司一个新的ai项目在最开始搭建项目的直接引用了reset.css，项目开发到一半需要引用react-markdown插件展示gpt返回的内容，但是渲染的时候发现例如

reset.css:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,

当然编程人员不喜欢这样的兼容性问题的，而reset.css就是解决默认样式不兼容问题的办法之一。CSS预处理器定义了一

/App';import'ant-design-vue/dist/reset.css';

代码结构3.2源码3.3单测效果4.nginx5.运行效果6.问题总结1.部署结构2.Vue2前端2.1代码结构2.1源码index.htmldemosrc/App.vuesrc/assets/css/reset.css

/style/reset.css'局部引入@import'../assets/iconfont/iconfont.css';这个分号一定要写，要不会报错

项目访问reset.css/*http://meyerweb.com/eric/tools/css/reset/v2.0|20110126License:none(publicdomain)*/html

Antdnpminstallantd–save在index.js中引入import{ConfigProvider}from"antd";importzhCNfrom"antd/locale/zh_CN";import"antd/dist/reset.css

vue-清除默认样式1.在public文件夹创建reset.css/*@import".

完整报错信息是Refusedtoapplystylefrom'http://localhost:8080/src/assets//css/reset.css'becauseitsMIMEtype('text

方法一npmireset-css(下载清除默认样式插件)在main.js中全局引入样式import'reset.css'方法二在Vue中清除默认样式可以使用已有的CSSreset库，例如normalize.css

示意HTML如下：上面4个元素，共出现了3中不同性质的CSS样式文件加载：1没有title属性，rel属性值仅仅是stylesheet的无论如何都会加载并渲染，如reset.css；2有title属性，

然后我就发现了这两个：1.文本没有左对齐的问题定位：哦原来是项目初始化的时候App.vue的样式没有完全清除导致2.左右穿梭控制按钮不对齐：收到reset.css的影响导致。

下列几种情况样式在项目各处均有使用;样式只在当前组件内的DOM上使用;样式需要应用到当前组件DOM的外部DOM;下面详细记录一下需要注意的问题:样式在项目各处均有使用如果样式需要在项目各处均有使用,例如:reset.css

案例assets/|--css/|---reset.css|--image/|---icon-logo.pngapi/|--ajax.jscomponents/|-home-header/|-home-main

pan.baidu.com/s/1UUGjSR-d1WhEPwU11ZQOyQ提取码：yty5过程中css用到的有demo_index.html,iconfont.css,demo.css，mi.css，reset.css

案例assets/|--css/|---reset.css|--image/|---icon-logo.pngapi/|--ajax.jscomponents/|-home-

在移动端的在线预览1.首先需要在项目中引入pdf阅读器,是一个文件夹,本项目放在了page目录下,这个可以去本账号的资源下载,纯免费2.写一个页面(pdf.jsp),实现调用pdf阅读器标题/static/css/reset.css"rel

在以前的版本中仅使用reset.css来解决这个问题-->reset.css的引入，这里我们项目中使用一下normalize.css：$npminst

reset.css不同浏览器对相同标签的显示效果，有时候往往不同，那么在做项目的时候就需要对基本的样式进行设置，以达到在不同浏览器下显示效果是相同的，reset.css的作用就在于此。

Version:1.0StartHTML:000000203EndHTML:000273998StartFragment:000250369EndFragment:000273929StartSelection:000250384EndSelection:000273924SourceURL:http://www.h-ui.net/Hui-1-cssReset.shtml*{word-wrap:b

一、准备阶段首先应该对HTML自带的各种样式进行重置a>rest.css创建文件reset.css以写入相关样式来对其进行重置1.代码/*将标签默认的间距设为0*/body,p,h1,h2,h3,h4,

CSS1、cssreset是什么每种浏览器对css的变现形式都可能不一样，为了默认未初始化的表现形式，一般使用reset.css文件进行样式初始化。2、csssprites是什么，怎么实现？

1,在之前的开发中,通常都会引入reset.css文件,有的重置文件会全局取消outline2,背景颜色和图片叠加一起的写法,红色旅游需要backgroundrgba(239,239,239,1)bottomleft

/assets/style/reset.css'各种浏览器适配样式import'../assets/style/b

访问地址reset.css/***EricMeyer'sResetCSSv2.0(http://meyerweb.com/eric/tools/css/reset/)*http://cssreset.com

vue-awesome-swipe.jsimportVuefrom'vue'importVueAwesomeSwiperfrom'vue-awesome-swiper/dist/ssr'Vue.use(VueAwesomeSwiper)2.在nuxt.config.js中定义下使用css:['@/assets/css/reset.css

大部分的时候，作为前端，我们在写CSS样式之前，都知道需要添加一份reset.css，但是有深究过reset.css每一句的人恐怕不多，其实其中也是有很多学问的，知己知彼，真正理清它，对提高CSS大有裨益

产生原因因为不同的浏览器默认的样式不同，所以在着手项目开始前，我们需要引入reset.css，将所有html标签的默认样式统一化。我这里使用reset.css来处理这个问题。