反省总结一

来源:互联网 发布:2016淘宝店铺销售排名 编辑:程序博客网 时间:2024/06/07 19:58

寒风中奔波在自己向往以久的城市——北京,一天之内面试了三家公司回来脚冻得有些走不稳,苦但很甜,这就是我选择锻炼自己的生活,废话少说,总结一下全天的感受,自信很重要,不管你对自己的回答有没有疑问,不要犹豫,自信的说出自己心中的答案,一定要表现的足够自信。

静态页面开发有两年之久了,应该得好好总结反省了,这样不仅可以巩固原有知识,而且还能及时更新学习更多的知识,举一反三,不断总结。

 

听了很久的web标准说了很久的web标准,那什么是web标准呢?
WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。

 

xhtml代码规范:

1、所有标签都有开始结束标签

2、所有标签属性都必须小写

3、所有属性值都必须引起来

4、不能在注释中使用两个以上的破折号“--”

5、图片标签必须要有ALT属性

6、不是标签一部分的特殊符号都用编码表示

7、所有标签都必须合理嵌套

8、不允许使用属性简写

 

什么是css hack,因为不同浏览器对CSS的解析不一样,表现出来的效果不一样,这种针对不同浏览器写不同css代码的过程叫做css hack。

ie6能识别*号与下划线_,ie7能识别*号,不能识别_,FF两个都不能识别

CSS hack:区分IE6,IE7,firefox

区别不同浏览器,CSS hack写法:

区别IE6与FF:

background:orange;*background:blue;

区别IE6与IE7:

background:green !important;background:blue;

区别IE7与FF:

background:orange; *background:green;

区别FF,IE7,IE6:

background:orange;*background:green;_background:blue;

background:orange;*background:green !important;*background:blue;

注:IE都能识别*;标准浏览器(如FF)不能识别*;

IE6能识别*,某些情况下不能识别 !important,

IE6支持重定义中的!important,例如:

.yuanxin {color:#e00!important;}

.yuanxin {color:#000;}

你将会发现定义了样式class="yuanxin"时,在IE下,字体显示为红色(#e00)。

但不支持同一定义中的!important。例如:

.yuanxin {color:#e00!important;color:#000}

此时在IE6下不支持,你将会发现定义了样式class="yuanxin"时,字体显示为黑色(#000)。

IE7能识别*,也能识别!important;

FF不能识别*,但能识别!important;

IE6 IE7 FF

* √ √ ×

!important × √ √

浏览器优先级别:FF<IE7<IE6,CSS hack书写顺序一般为FF IE7 IE6

以: " #demo {width:100px;} "为例;


#demo {width:100px;} /*被FIREFOX,IE6,IE7执行.*/


* html #demo {width:120px;} /*会被IE6执行,之前的定义会被后来的覆盖,所以#demo的宽度在IE6就为120px; */


*+html #demo {width:130px;} /*会被IE7执行*/

原创粉丝点击