兼容,原来在这里就已经開始——–Day34

兼容,原来在这里就已经開始——–Day34

大家好,又见面了,我是全栈君。

看了两天,算是将w3cschool的javascript部分浏览了一遍。在脑海中大约有了一点概念,也才真切体会到:一入江湖深似海。欲穷此路难上难啊,至少如今看起来是遥遥无期。太多不懂, 太多茫然,只是这样也好,已经是无法再差了啊。不论什么方向去走都是上坡。既然如此,那就走吧…


题外话:(个人学习记录)

javascript..的ECMAscript+DOM+BOM。用一句话来概括下吧:秉其法,控其形,与其交。

可能须要研究的一些课题:闭包/js操作cookie/浏览器差异/兼容实现/渲染等等,慢慢来吧,不敢好高骛远,路遥才知“码”力,加油…..


言归正传,来说一下今天要记录的内容:reset.css,看到这里,不知道看到的人是上当的感觉。还是恍然的感觉。对,我要说的就是这个reset.css。

1、它是什么?

事实上个人感觉非常难给它一个专业化的定义,很多其它的应该是理念上的一种理解,首先我们要知道的是一个无奈的现实。各个浏览器的默认样式是不同的。所以编写同样的代码,在不同的浏览器上则会出现不同的反馈效果,然而,我们还必须意识到第二个更无奈的现实,我们无法要求我们的用户就必须用一种浏览器,这违背了我们的初衷:给用户带来便利。我们是为解决这个问题而来,不要给人添不必要的麻烦。于是,在上面两个原因的推动下,reset.css就这样来了。

原理:利用css的运行顺序和优先权。将浏览器的附属样式进行覆盖。

2、那些年

给出以下这样一句代码,相信大多数人都不陌生

*{margin:0;padding:0;}

有人说,它的学名实际上叫:GLOBAL WHITE SPACE RESET,归于原始状态。假设说reset.css是用来糊墙纸,美化房间的话,这句话就一下子让我们回到多年前,它把一切都拆的支离破碎,仿佛又回到那个仅仅拥有毛坯的開始。不破不立,仿佛看到了亚历山大挥向死结的利刃。蛮横却有效….

它的清理程度令人惊艳。然而过犹不及,它对渲染性能的影响。样式设置的必不可少性。使得它開始慢慢淡出人们的实现,尽管这曾像个传奇令我吃惊….

3、使用原则

永远不会有一种能够一劳永逸的方法,就像永远不会一个万能的解决方式。而 到底用什么样的reset.css。在以后的漫长编程生涯中慢慢加入吧,没经验玩不了。可是终究有几点是不可或缺的:

a、尽量的降低“复制”“粘贴”的使用频率,保证代码的低反复率;

b、不要直接下载使用。编写适合自己的reset.css;

c、确保reset.css中的每句话都理解

d、不要添麻烦,像*{}


大体上就写这些吧,事实上简单了说。就是个将各个浏览器都打回原始状态(全部浏览器样式被覆盖)。然后開始一点点又一次构建,好一个破而后立。

兼容,原来在这里就已经開始--------Day34

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/115381.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • java二维数组初始化和基本操作

    java二维数组初始化和基本操作来源:http://www.jb51.net/article/73871.htm

  • 国产linux操作系统深度系统20.3发布(推荐)

    国产linux操作系统深度系统20.3发布(推荐)深度操作系统(deepin)是一个致力于为全球用户提供美观易用、安全稳定服务的Linux发行版,同时也一直是排名最高的来自中国团队研发的Linux发行版。(了解deepin国际排名)深度操作系统20.3,升级Stable内核到5.15版本,进一步提升兼容性。修复系统安全漏洞,增强安全性。部分深度应用新增及优化常用功能,满足不同场景下的使用需求。针对桌面环境部分问题修复及优化,只为带来更好体验。更强大的内核版本Stable内核升级到5.15版本,增强对Intel12代U和NTFS文件系统的支

  • 什么是A记录/CNAME记录/MX记录/TXT记录

    什么是A记录/CNAME记录/MX记录/TXT记录

  • navicat premium 15 for mac 激活码-激活码分享

    (navicat premium 15 for mac 激活码)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/100143.htmlBI7JCUH1TG-eyJsaWNlbnNlSW…

  • TensorFlow加载cifar10数据集

    TensorFlow加载cifar10数据集加载cifar10数据集cifar10_dir=’C:/Users/1/.keras/datasets/cifar-10-batches-py'(train_images,train_labels),(test_images,test_labels)=load_data(cifar10_dir)注意:在官网下好cifar10数据集后将其解压成下面形式load_local_cifar10.pyfrom__future__importabsolute_importfrom_

  • 关于各种型号单片机delay函数不起作用问题的解决方法

    关于各种型号单片机delay函数不起作用问题的解决方法这里以单片机HT45F75为例://定义一个延时xms毫秒的延时函数voiddelay(unsignedintxms) //xms代表需要延时的毫秒数{   unsignedintx,y;   for(x=xms;x>0;x–)           for(y=960/4;y>0;y–)           {                     …

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号