首页 > 其他分享 >关于reset.css的一些思考与探究

关于reset.css的一些思考与探究

时间:2023-06-26 10:03:15浏览次数:49  
标签:reset style normal 探究 th font border css


项目多了,大家多会有自己积累的一些reset.css的经历或者自己改进的代码,其实初衷还是很简单的,达到复用重置浏览器的一些默认样式,实现跨浏览器兼容

 

1、最早关注的还是YUIReset CSS 

 

在线的压缩版本地址:http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css

 

直接上代码吧:

 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

标签:reset,style,normal,探究,th,font,border,css
From: https://blog.51cto.com/u_16170312/6551675

相关文章

  • SASS(scss)
    Scss1.认识ScssSass支持两种不同的语法,每个都可以加载另一个。scss其实是Sass的一种语法。SCSS语法使用.scss文件扩展名。除了一些小的例外,它是CSS的超集,这意味着基本上所有有效的CSS也是有效的SCSS。scss示例:$view-width:500px;$base-color:#c6538c;$border-dark:......
  • Vue中的Ajax请求和Slot插槽的技术探究
    Ajax请求Ajax是一种异步的Web开发技术,用于在不刷新整个页面的情况下向服务器发送请求和接收响应。Vue提供了一种简单而强大的方法来处理Ajax请求。以下是在Vue中进行Ajax请求的基本步骤:安装Axios:Axios是一个流行的JavaScript库,用于进行Ajax请求。你可以使用npm或yarn等包管理......
  • CSS实现图片自适应布局,且不拉伸变型
    1.通过背景图的方式处理图片( 通过background-size作用在容器上).img_background{width:300px;height:300px;background-image:url('image.jpg');background-repeat:no-repeat;//是否平铺background-position:centercenter;//设置背景图像的起......
  • Python全栈工程师(31:css)
    css属性设置方法:方式1:在标签上设置style属性;<divstyle="height:10px;width:10px"></div>方式2:放在head里添加css模式;<head><style>#i1,#i2{height:10px;width:10px;}/*id选择器*/.c1{height:10px;width:10px;}/*class选择器*/div{height:10px......
  • 引入第三方css样式
    方式一1.将bootstrap.min.css放入src下assets目录 2.app组件中引入样式import'@/assets/bootstrap.min.css'如果使用import引入,会严格检查,当字体文件不存在时,会报错 方式二1.将第三方样式放入目录:public/css目录下 2.在index.html文件中引入样式<linkrel="ic......
  • 前端-CSS
    CSS1.1CSS基础层叠样式表(CascadingStyleSheets,缩写为CSS),是一种样式表语言,用来描述HTML文档的呈现(美化内容)。书写位置:title标签下方添加style双标签,style标签里面书写CSS代码。<title>CSS初体验</title><style>/*选择器{}*/p{/*CSS属性*......
  • css实现印章效果
    <divclass="seal"><divclass="seal-status">已使用</div><div>2023.06.09</div><div>18:59</div></div><divclass="seal-red">Draft</div>.seal{......
  • css的一些技巧汇总(未完待续)
    1.height无法达到效果时,可以试试max-height比如:transition对height:auto无效,可以通过max-height:50vh解决2.:focus和:blur事件在交互上存在冲突时,可以通过hover解决比如:input的blur失去焦点ul收起,但在点击li标签时,因为收起的太快无法触发事件,所以可以用hover不收起解决......
  • Asynchronous & Synchronous Reset
    第1章复位的目的复位信号在数字电路里面的重要性仅次于时钟信号。对一个芯片来说,复位的主要目的是使芯片电路进入一个已知的,确定的状态。主要是触发器进入确定的状态。在一般情况下,芯片中的每个触发器都应该是可复位的。在某些情况下,当在高速应用程序中使用流水线触发器(移位寄......
  • css3
    CSS3概述CSS3是CSS2的升级版本,它在CSS2的基础上,新增了很多强大的新功能,从而解决一些实际面临的问题。CSS3在未来会按照模块化的方式去发展:CSSCSS3的新特性如下:新增了更加实用的选择器,例如:动态伪类选择器、目标伪类选择器、伪元素选择器等等。新增了更好的视觉效果,例如:圆角......