博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
YUI Reset CSS (学习摘抄)
阅读量:6469 次
发布时间:2019-06-23

本文共 1675 字,大约阅读时间需要 5 分钟。

正在使用CSS的你,用过CSS Reset吗?当然,或许你用了,却不知道正在用,比如你可能用到:

*{
   margin: 0;
   border: 0;
   padding: 0;
 
}

这也是一种CSS Reset的方法,让所有的选择器的padding、margin和border都设置成0。这是一种强大的方法,也是最简单,最安全的方法,不过,也是最占用资源的方法。对于小型的网站来说,用这个并不会带来大的资源浪费,但如果是像Yahoo这种架构非常大的网站,刚需要有选择地进行CSS重设,以减少资源浪费,所以推荐学习YUI Reset CSS。

YUI Reset CSS

Q:什么是YUI Reset CSS?

A:顾名思义,其是 Yahoo! User Interface Library出品的一个CSS

Q:它的作用是什么?

A:作用很单纯,重置(reset)浏览器的默认样式。例如ul li 在IE 和Firefox下的默认margin值是不同的,使用YUI Reset CSS可以让各个浏览器默认值相同,这样页面各个元素默认显示的效果就相同了。

Q:如何使用?

A:粘贴代码到你的CSS文件的最上部分。

以上都是简单的使用。下面来说说为什么要自定义。

我们拿strong标签来说明,它实际的效果是加粗显示。但是在YUI Reset CSS 中strong标签失去了加粗的作用。
从页面显示效果来看,strong并没有起到作用,我个人觉得这不是很合理,大多数情况下我们加strong就是为了使字体加粗显示,如果你需要其他的效果完全可以在CSS中单独定义。这种情况在站点比较大的情况下尤为重要,所以我觉得还原它们原有的表现比较好。同样的,还有em(用来斜体显示)。
通常,我都会把strong>和em从YUI Reset CSS中去除。当然最终还要看个人习惯自定义你的YUI Reset CSS。

附:YUI Reset 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;
}

YUI Reset CSS 官方链接:http://developer.yahoo.com/yui/reset/

参考学习链接http://www.lofter.com/postentry?from=search&permalink=98680_254ff0    http://www.nowamagic.net/librarys/veda/detail/732

另外相关博文链接http://www.blogjava.net/shenang/archive/2009/04/21/266712.html 

http://every-best.iteye.com/blog/808345

英文:

我是一只小菜鸟,小呀嘛小菜鸟,有用求点赞!!!

转载于:https://www.cnblogs.com/Spring-Rain/p/5003458.html

你可能感兴趣的文章
腾讯最大规模裁撤中层干部,让贤年轻人
查看>>
当我们谈性能的时候,我们实际上在谈什么?
查看>>
Spring Boot 2.0将会增强Actuator端点的特性
查看>>
i4o开源项目增强LINQ索引功能
查看>>
蔡超:入门 Go 语言必须跨越的五个思维误区
查看>>
使用Akka Actor和Java 8构建反应式应用
查看>>
curl常用命令详解
查看>>
saltstack 添加计划任务
查看>>
Puppet module命令参数介绍(六)
查看>>
《UNIX网络编程》中第一个timer_server的例子
查看>>
CISCO 路由器(4)
查看>>
网络服务搭建、配置与管理大全(Linux版)
查看>>
Silverlight 5 Beta新特性[4]文本缩进控制
查看>>
springMVC多数据源使用 跨库跨连接
查看>>
简单java在线测评程序
查看>>
录音和朗诵的实现
查看>>
Git服务端和客户端安装笔记
查看>>
Spring Security(14)——权限鉴定基础
查看>>
云安全与IT系统漏洞管理成为IT决策者最关注的话题
查看>>
2016年全球光纤需求量将达4.25亿芯公里 中国占57%决定产业格局
查看>>