兼容,原来在这里就已经开始--------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,布布扣,bubuko.com

时间: 2024-08-06 19:47:58

兼容,原来在这里就已经开始--------Day34的相关文章

谁在操控游戏平台的迭代!有品牌机兼容机啥事?

与游戏主机同代的PC,则可视为兼容游戏的PC,毕竟作为PC,***设计和***置各种硬件的需求,原本不是为了游戏. 文/张书乐 原载于<人民邮电报>2016年3月25日<乐游记>专栏 几乎每年年初,"吐槽"游戏主机.力挺手机游戏的事情就会上演一次."吐槽点"很一致,几乎都是手游会比主机更强大,2015年3月,著名游戏企业EA的高管莱克·约根森也那样说过.在去年的专栏里,我们曾经专门评述了一番.到了今年2月,游戏公司还没来得及表态,英国芯片架构

Bootstrap 与 IE 兼容模式 关系讲解

IE 兼容模式 Bootstrap 不支持 IE 古老的兼容模式.为了让 IE 浏览器运行最新的渲染模式下,建议将此 <meta> 标签加入到你的页面中:Copy <meta http-equiv="X-UA-Compatible" content="IE=edge"> 按 F12 键打开 IE 的调试工具,就可以看到 IE 当前的渲染模式是什么. 此 meta 标签被包含在了所有 Bootstrap 文档和实例页面中,为的就是在每个被支持的

Bootstrap兼容IE8

Bootstrap 不支持 IE 古老的兼容模式.为了让 IE 浏览器运行最新的渲染模式下,建议将此 <meta> 标签加入到你的页面中: 1 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 国内浏览器厂商一般都支持兼容模式(即 IE 内核)和高速模式(即 webkit 内核),不幸的是,所有国产浏览器都是默认使用兼容模式,这就造成由于低版本 IE (IE8 及以下)内核让基于 Bo

IE6 浏览器常见兼容问题 共23个

1.<!DOCTYPE HTML>文档类型的声明. 产生条件:IE6浏览器,当我们没有书写这个文档声明的时候,会触发IE6浏览器的怪异解析现象: 解决办法:书写文档声明. 2.不同浏览器当中,很多的标签的默认样式不同,如默认的外部丁内补丁. 产生条件:不同浏览器: 解决办法:利用CSS reset文件进行样式的清除,然后再根据需要进行设置. 3.横向双倍外边距 产生条件:在IE6中块元素浮动后,会出现横向双倍margin现象. 解决办法: 在float标签的样式控制中加入display:inl

前端浏览器JavaScript及CSS兼容总结

一. getElementById [标准参考] getElementById 是 Document 接口提供的方法,用于获取一个元素,该方法传入的参数应该是目标元素的 id 属性的值,目标元素的 id 是一个大小写敏感的字符串,并且该 id 在文档内应该是唯一的. [问题描述] 但是在 IE6 IE7 IE8(Q) 中,支持以 document.getElementById(elementName) 的方式获取 name 属性值为 elementName 的 A APPLET BUTTON F

SQL-GROUP BY语句在MySQL中的一个错误使用被兼容的情况

首先创建数据库hncu,建立stud表格. 添加数据: create table stud( sno varchar(30) not null primary key, sname varchar(30) not null, age int, saddress varchar(30) ); INSERT INTO stud VALUES('1001','Tom',22,'湖南益阳'); INSERT INTO stud VALUES('1002','Jack',23,'益阳'); INSERT

【好用的小技巧】win8兼容、网页不让复制

1.今天下了个matlab7,我用的是win8系统,不兼容. 解决:鼠标右键matlab7的快捷键,点击属性,选择兼容性,选择window vista即可运行 2.在一个 网页上看到一个对自己很有帮助的代码,想下.结果发现代码可以预览,可以选择代码中的文字,但是一复制就弹出窗口说积分不够. 解决:存储网页到本地,用word打开网页.然后文字就都可以复制了.

IE常见兼容问题

浏览器兼容问题1:不同浏览器的标签默认的外补丁和内补丁不同 问题症状:随便写1个标签,不加样式控制的情况下,胳肢的margin 和padding差异较大. 解决?案:CSS *{margin:0;padding:0;} 浏览器兼容问题2:块属性标签float后,有横?的margin情况下,在IE6显示margin比设置的大 问题症状:常见症状是IE6中后面的一块被顶到下一行 在float的标签样式控制中加 display:inline;将其转化为行内属性 浏览器兼容问题三:设置较小高度标签(一般

HTML+CSS+JS实现TABLE固定列(常见浏览器兼容)的最佳实践

BS架构的企业级应用中,当一个表格列数较多时,用户一个常见的需求就是把前面几个重要的列固定住,这样拖动滚动条时固定的列会方便用户查看数据,用户体验很好.一些重量级的JS组件库也都有这个功能,那么有没有更简单的方法实现这个功能呢? 这个需求常见的解决方案是使用表格拼接的方法,这个方案如果要制作静态的网页,或者功能简单的动态页面,逻辑比较简单,技术上也不复杂,很容易实现,但是如果要做成组件,动态功能较多的话,就需要写大量的冗余代码,难以维护,甚至于一个简单的功能,都需要些很多的代码,比如事件处理等,