第一部分HTML&CSS整理答案1.什么是HTML5？
答：HTML5是最新的HTML标准。
注意：讲述HTML5推出的设计目的，以及现在市场的使用情况，浏览器支持情况等。。。。
设计目的
HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括：
· 新的解析规则增强了灵活性
· 新属性
· 淘汰过时的或冗余的属性
· 一个HTML5文档到另一个文档间的拖放功能
1.HTML5中什么是不同的新的表单元素类型？答：提示本地验证表单需要再外面添加form标签包起来，才能查看效果
color
date
datetime-local
time
url
range
telephone
number
search
1.HTML5的页面结构同HTML4或者更前的HTML有什么区别？答：一个典型的WEB页面包含头部，脚部，导航，中心区域，侧边栏。现在如果我们想在在HTML4的HTML区域中呈现这些内容，我们可能要使用DIV标签。
但是在HTML5中通过为这些区域创建元素名称使他们更加清晰，也使得你的HTML更加可读
以下是形成页面结构的HTML5元素的更多细节：（注意主要考的是标签语意化）
：代表HTML的头部数据
：页面的脚部区域
：页面导航元素
：自包含的内容
：使用内部article去定义区域或者把分组内容放到区域里
：代表页面的侧边栏内容
1.哪些浏览器支持HTML5？答：几乎所有的高版本浏览器Safari，Chrome，Firefox，Opera，IE8以上都支持HTML5
1.为什么HTML5里面我们不需要DTD（Document Type Definition文档类型定义）？答：HTML5没有使用SGML或者XHTML，他是一个全新的东西，因此你不需要参考DTD，对于HTML5，你仅需放置下面的文档类型代码告诉浏览器识别这是HTML5文档即可
1.HTML5的离线储存？答：localStorage 长期存储数据，浏览器关闭后数据不丢失；
sessionStorage 数据在浏览器关闭后自动删除。
1.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？答：在线的情况下，浏览器发现html头部有manifest属性，它会请求manifest文件，如果是第一次访问app，那么浏览器就会根据 manifest文件的内容下载相应的资源并且进行离线存储。如果已经访问过app并且资源已经离线存储了，那么浏览器就会使用离线的资源加载页面，然后 浏览器会对比新的manifest文件与旧的manifest文件，如果文件没有发生改变，就不做任何操作，如果文件改变了，那么就会重新下载文件中的资 源并进行离线存储。
离线的情况下，浏览器就直接使用离线存储的资源。
1.请描述一下cookies，sessionStorage 和 localStorage 的区别？（1）cookie在浏览器和服务器间来回传递， sessionStorage和localStorage不会。
（2）sessionStorage和localStorage的存储空间更大。
（3）sessionStorage和localStorage有更多丰富易用的接口。
（4）sessionStorage和localStorage各自独立的存储空间。
1.页面可见性（Page Visibility）API 可以有哪些用途？答：在页面被切换到其他后台进程的时候，自动暂停音乐或视频的播放。
1.HTML5的form如何关闭自动完成功能？答：给不想要提示的input是设置autocomplete=off即可。
1.一个div，要求实现当内容过少时，div的最低高度为200px，当内容较多时，div的高度被内容撑开。答：min-height:200px
1.实现一个布局，分左中右三栏。左栏固定宽为200px，右栏固定150px，中栏随屏幕宽自动适应。写出html和css。
#content{background:#ff6;}
#left,#right{width:200px;background:#fc0;float:left;}
#middle{float:left; width:100%;margin:0 -200px;}
#middle .inner{margin:0 200px;background:#ccc;}
#right{float:right;}
法二：
位置不能换
css
*{
margin:0;
padding:0;
}
#left{
float:left;
width:200px;
height:100px;
background:paleturquoise;
}
#middle{
margin:0200px;
height:100px;
background:black;
}
#right{
float:right;
width:200px;
height:100px;
background:palevioletred;
}
法三：
下面是css样式代码：
#main {float:left;width:100%;}
.content {margin:0 200px;height:100%;background:red;}
#left{float:left;width:200px;margin-left:-100%;background:blue;}
#right{float:left;width:200px;margin-left:-200px;background:green;}
ut���h���
1.a标签的四个伪类是什么？如何排序？为什么？爱恨分明原则: l v h a
link visited hover active
注释：为了产生预期的效果，在CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后 !
注释：为了产生预期的效果，在CSS 定义中，a:active 必须位于 a:hover 之后！！
注释：Pseudo-class（伪类）的名称对大小写不敏感。
注释：伪类可与CSS 类配合使用：
a.red:visited {color: #FF0000;}
如果上面这个例子中的链接已访问过，那么它会显示为红色。
1.如何实现浮动元素居中
我是浮动的
我也是居中的
.box{
float:left;
position:relative;
left:50%;
}
p{
float:left;
position:relative;
right:50%;
1.已知一个div内有一个img，两者的高度均不知道，但图片的高度一定小于div的高度。用css实现图片在div内的垂直居中。参考：http://www.jb51.net/css/76120.html
http://pics.taobao.com/bao/album/promotion/taoscars_180x95_071112_sr.jpg"/>
.box{
/*非IE的主流浏览器识别的垂直居中的方法*/
display:table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;
/*针对IE的Hack */
*display:block;
*font-size:175px;/*约为高度的0.873，200*0.873约为175*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
width:200px;
height:200px;
border:1pxsolid#eee;
}
.boximg{
/*设置图片垂直居中*/
vertical-align:middle;
}
1.HTML静态页面出现中文乱码如何解决？答：
1.下列标签既是行内属性标签又可以设宽高的标签是？（D）A.div B. span C. inputD. imgE. h1
1.用一两句话说一下你对“盒模型”这个概念的理解，和它都涉及到哪些css属性。答：网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。
这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。
CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。
1.外边距、内边距、边框有几种书写形式,列举说明。参考：http://wangye.huseoblog.com/cssdivhezi.html
1.有上下两个div，上一个div 设置margin-bottom：10px；下一个div设置margin-top： 5px；那么两个div最后的间距是多少？答：10px
1.写出下列CSS命令的最简写法{margin-left:20px; margin-bottom:50px; margin-right:20px; margin-top:20px;}答：margin: 20px 20px 50px;
1.我们用hack调兼容时，用到如下命令 div{height：300px；*height：400px；_height：500px;}，在ie6里div显示高度是多少，火狐里显示高度是多少？答：ie6:400px, 火狐：300px;
1.三层嵌套用在什么地方最合适，有什么优点。答：有圆角边框不固定宽度同时兼容ie的时候
1.背景图合并用在什么地方最适合，有什么优点。答: 通常当遇到一个网站要加载大量icon(小图标)的时候，我们会把它合并成sprite(图片拼接)。目的是为了减少HTTP请求次数。这样做既能减少页面加载时间，又可以减轻服务器的负载
1.页面如何在浏览器里达到居中，并且左右自适应？答：margin: 0 auto;
1.HTML5版本类型声明怎么写。有什么用？答：
1.XHTML1.0版本你知道么，跟html5版本有什么区别答: XHTML 1.0 是 XML 风格的 HTML 4.01。
XHTML 1.1 主要是初步进行了模块化。
HTML5 是下一代 HTML，取代 HTML 4.01。
W3C 原本确实计划用 XHTML 系列替代 HTML 4.01，但 XHTML 系列实际上只活到了 1.1（1.1 和夭折的 1.2 已经体现出过分 XML 的迹象，而 W3C 的理想其实在疯狂的 XHTML 2 身上，当然，它没能诞生），还没脱离 HTML 4.01 的阴影就死了。
还没等XHTML 兴起，它的地位就被 HTML5 取代了。
1.书写ol，ul，table的嵌套规范答：http://www.5icool.org/a/201308/a2081.html
1.前端页面有哪三层构成，分别是什么？作用是什么？答: 分成：结构层、表示层、行为层。
结构层由HTML 或 XHTML之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。”
表示层由CSS 负责创建。 CSS对“如何显示有关内容”的问题做出了回答。
行为层负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM主宰的领域。
1.img的alt和title有什么区别？答: alt 是图片加载失败时，显示在网页上的替代文字； title 是鼠标放上面时显示的文字
1.HTML代码的书写规范有哪些？答:https://segmentfault.com/a/1190000003229217
1.浏览器的调试工具有哪些？都有什么功能？答:http://www.cnblogs.com/Excellent/p/5368812.html
1.table的合并边框属性是什么？跨行是什么？跨列是什么？答:合并边框:cellspacing, 跨行:rowspan, 跨列: colspan
1.CSS是什么？有什么用处。答: 层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。
1.你知道less,sass这些东西么（小米）；答: CSS 预处理器技术已经非常的成熟，而且也涌现出了越来越多的 CSS 的预处理器框架。最为普遍的三款 CSS 预处理器框架，分别是 Sass、Less CSS、Stylus。CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的 CSS 更见简洁，适应性更强，代码更直观等诸多好处。
1.解释W3C答: 万维网联盟创建于1994年，是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止，W3C已发布了200多项影响深远的Web技术标准及实施指南，
如广为业界采用的超文本标记语言（标准通用标记语言下的一个应用）、可扩展标记语言（标准通用标记语言下的一个子集）以及帮助残障人士有效获得Web内容的信息无障碍指南（WCAG）等，
有效促进了Web技术的互相兼容，对互联网技术的发展和应用起到了基础性和根本性的支撑作用。
1.页面重构答: 网站重构不是一种技术，不是css+div，更不是标准，网站重构是一种思想，是一种理念。
引用WebReBuild.ORG 的话：当前国内的同行普遍的认为：所谓的网站重构就是“DIV+CSS”，想法固然极度局限。但也不是另一部分的人认为是“XHTML+CSS”，因为“XHTML+CSS”只是页面重构。真正的网站重构理应包含结构、行为、表现三层次的分离以及优化，行内分工优化，以及以技术与数据、人文为主导的交互优化等。
重构网站先重构人，重构你的理念，不要光光追求技术，追求还原设计稿，追求浏览器的兼容性，重要的是基础和理念。当你真正了解什么是网站重构的时候网站重构也就真正开始了。
1.div+css与table布局的有何区别？答: div+css:布局简洁明了，使用方便，相对于表格来说更容易搜索的到！优化程度高点。不易出现错误或者不可控！样式繁多，易控易修改。
Table: 表格布局不建议使用，这个算是快要被淘汰的一种布局方式。布局不容易调整和规划。容易失控。大部分都不能使用太多样式。
1.后台编码格式不是UTF-8怎么办？答: 统一编码格式
1.一个CSS文件如果过大的话，加载会很慢，占用过大带宽，如果解决？答: 1.去除空格和换行,压缩css代码;
2.尽量使用简写, 缩减代码;
3.将css文件分成多个文件
1.input标签存在的兼容问题？答:当input标签在type为text时，在Firefox和Safari中的默认高度为22像素（包括上下边框）宽度为146像素（包括左右边框），而在IE中的默认高度为24像素，而宽度却和Firefox和Safari是一致的，也是146像素。
当input标签在type为submit时，在Firefox中的高度为23像素（包括阴影），宽度为75像素。在Safari中高度为21像素，宽度为73像素，在IE中高度为为25像素、宽度为73像素。
1.input中disabled与readonly有何区别？答: Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。
表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而 readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly，但是submit button却是可以使用的)。
1.input属性有哪些？1.position属性值，如只写了absolute，是相对谁定的位？答:离它最近的已经定位的父元素
1.CSS选择器中div.ps是什么意思答: 类名是ps的div
1.使用display:inline-block在IE6中不能正常显示，如何解决？答:方法1：直接让块元素设置为内联对象呈递（设置属性display:inline），然后触发块元素的 layout（如：zoom:1 等）。兼容各浏览器的代码如下：div {display:inline-block;*display:inline; *zoom:1;...}
方法2：先使用display:inline-block 属性触发块元素，然后再定义 display:inline，让块元素呈递为内联对象（两个display 要先后放在两个 CSS 样式声明中才有效果，这是 IE 的一个经典 bug，如果先定义了display:inline-block，然后再将 display 设回 inline 或 block，layout 不会消失）。代码如下（…为省略的其他属性内容）： div {display:inline-block;...}div {*display:inline;}
1.png图片有几种格式答:png有3种不同深度的格式：png8、png24、png321.display的属性值有哪些？2.标签的隐藏（display:none和visibility:hidden）的区别答：visibility:hidden隐藏，但在浏览时保留位置；CSS display:none视为不存在，且不加载！
1.在页面内居中（水平和垂直方向）*3答：垂直居中:水平方向给父级设置text-align;使用左右margin值为auto
竖直方向:设置line-height值为元素高度;设置元素绝对定位,top:0;bottom:0 margin:auto, 0;
1.如何让链接访问过后的hover消失正常情况下: 爱恨原则: l —> v —> h — > a
为了达到上述效果,改变顺序即可: l —> h —> v —> a
1.Ie6中为什么不能设置1px高的div答：在用DIV构建网页的时候，有时候需要的高度很小，这时候就可能会出现问题，因为，IE6下DIV有个默认的高度，大约10-12px。当你试图定义一个高度小于这个默认值的 div 的时候，IE 会固执的认为这个层的高度不应该小于字体的行高。
解决办法：
第一：定义该DIV字体大小。
例如:
第二：
直接限制自动调整
1.div中内容没有撑开高度的原因，怎么解决父亲div没有设置高度
孩子div设置高度了,
此时,父亲的高度是靠孩子撑起来的
但是当孩子浮动了,
父亲的高度也就没了
此时需要给孩子增加一个兄弟div,并且clear:both,问题完美解决
1.双倍边距bug连接地址:http://www.360doc.com/content/14/1224/20/21166337_435502508.shtml
在产生双边距bug的元素内,增加一行属性:display:inline;
第二种办法:采用cssHack:margin-left:20px;_margin-left:20px;
1.如何让div水平排列1:浮动
2.定位
1.定义id名和class名有什么区别从概念上来说:
id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。
从样式效果上来说:
id的优先级要比class高出一个层次
html中不管有几个id,
在css获取到的就是所有的
但是在js中通过document获取到的是第一个
1.CSS有几种引入方式？link和@import有什么区别link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
1.在IE中给div设display:inline-block;它还会占一行不会?答：ie不支持display属性
1.如何制作渐变效果（不使用CSS3）这里的关键点是h1 { position: relative } 和h1 span { position: absolute }
h1 {
font: bold 330%/100% "Lucida Grande";
position: relative;
color: #464646;
}
h1 span {
background: url(gradient.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}
是的，就这些，你已经搞定了
1.上下两个div分别设置了margin-bottom和margin-top，两个div之间的距离是多少？会发生融合效果,距离就是数值比较大的那个
1.除了ul、ol还用什么写列表dl dt dd
1.如果不写头部声明会有什么问题通常html DOCTYPE声明是必须的，而且使用div+css更是必不可少，如果缺少或错误document将会造成你的CSS失效或半失效，即因为css失效，网页布局变乱，有的css属性不能体现。
另外:由于万恶的IE（尤其指IE6和IE7），我们在页面重构时不免要对其进行各种bug修复及差异化处理。在标准浏览器[1]中可实现的效果在IE里却有各种离奇问题，例如IE6、IE7不能良好应对的inline-block和.clearfix问题.
所以就加入了IE版本区分代码，主要还是解决IE版本兼容性问题。
1.如何优化你的页面一、提倡前端开发工程师在书写xhtml的时候做到结构语义化。
结构中主要包括了head和body两个部分，但是我们经常说的是结构语义化主要是body中的标签，但是我在这里还是简单的说一下head，head中其实包括了一些对于我们seo很有用的一些东西，比如title,Description,Keywords,这些东西在蜘蛛抓取的时候都是有帮助的，当然，还有其他的一些，我在此就不一一说明了，比如设置缓存等一些其他的信息。
那么body中的话，包括的标签就很多了，我觉得作为一个合格的前端开发人员你应该去熟悉他们，比如div,span,h,ul,ol,dl,p等等这类的标签的使用。应该非常合理，还有就是注意h标签的断层，及h1标签的使用，这些都是非常重要的。
同时在我们的结构中不要出现style和onclick这样的内联的样式和事件。希望大家能够注意结构与表现、行为的分离。
二、css，js文件数量及大小的优化
那么关于css、js的优化的话，一般情况下建议css和js采用外联式。但是如果你的页面内容比较多，设计师把整个效果做得比较花的话，恐怕css就非常多了，那么这种情况下，你一定要把你的css规划好，尽量的采用缩写，这样可以减少css文件的大小，那么对css做相应的规划也可以减少css的个数，减少http请求数，js同理。
三、背景图片数量及大小的优化
由于我们的背景图片数量比较多，这样的话，会给服务器带来影响，增加了http请求数，我们是否有一种好的解决办法呢？这个答案是肯定的，如果你是一个合格的前端开发，你应该清楚，在我们的css定义背景的时候，可以通过坐标来实现对背景进行定位的，既然如此，那么我们可以将这些背景合并起来，这样即可减少http请求数，同时，我们在背景整合的时候，也需要考虑图片质量，同时也需要考虑图片的大小.
你的背景图片保证不超过3个以上，你的css文件不超过2个，js文件不超过3个。而且良好的遵守web标准的一些规定，css放到head中，js文件放到之前或者之后.
建议body中增加text-align:center
用 代替 @import
作为大型网站来说，首页使用内联式样式表，这样可以减少http请求数的同时，也可以防止裸奔。当然其他页面需要使用外联样式表，这样才可以方便维护。因为作为大型网站来说，他的首页访问量是非常的大的，所以。。
把样式表置于顶部
把脚本置于页面底部
避免使用CSS 表达式（Expression）
使用外部JavaScript 和 CSS
削减JavaScript 和 CSS
用 代替 @import
避免使用滤镜
剔除重复脚本
减少DOM访问
开发智能事件处理程序
��4-��y=��+��
最好的方案就是按照HTML 规范在文档 内加载你的样式表。
使用此方法的时候，我们每次都要加载两个js文件或者写两个标签才行，这样不太好，http请求会增多，那么我们可以打开DD_belatedPNG.js文件，在尾部加入如下代码即可：
window.onload = function()
{
DD_belatedPNG.fix(".pngFix,.pngFix:hover");
}
这样我们只需要引入此JS，在需要透明的标签上加入class="pngFix"即可，简单 · 方便 · 快捷！
优点：
1、CSS代码无需任何修改，按照平时的思路来写即可；
2、无需配置；
3、没有多余的gif图片；
4、支持img；
5、支持平铺；
6、支持CSS Sprite；
8、支持Hover等伪类；
缺点：
1、额外加入了js文件（6.39k）和http请求，可以忽略不计；
2、当文件载入之前，会先暂时呈现灰底；
3、js文件过多的时候，可能会报错，导致js无法正常运行（这种情况极少出现，可以忽略不计）；
使用情况：
1、当前6种方法均不能解决问题的时候可考虑；
2、当png图片过多的时候可考虑，因为png图片太多，使用前面的几个方法，有的会导致CSS代码冗余过多，还不如引入此文件划算；
方案8 - PNG8格式的图片解决方案：
介绍：png8和gif都是8位的透明度，IE6与生俱来就支持png8的索引色透明度，但不支持png或8位以上的 alpha 透明度。而对于非动画的GIF建议你使用PNG8，因为体积会更小~
思路：一个最简单也最保险的方法让IE6支持PNG图片透明（小小的分享一下）
text-t����ު�
1.Hack是什么怎么用？http://www.kwstu.com/Admin/ViewArticle/201409011604277330
1.Border 虚边border: 1px dashed red;
1.li在ie6与ie8下的高度问题在li样式上加上vertical-align:bottom;
1.Css常见兼容性问题，如何解决？http://www.zhufengpeixun.cn/CSS/2011-08-25/142.html
1.Css常见选择器有哪些？优先级？选择器:http://www.runoob.com/cssref/css-selectors.html
优先级:id > class > 层级选择器和标签选择器
1.你如何理解绝对定位和相对定位的？都用在什么地方？有什么优点和缺点？绝对定位就是你的位置已经不属于你了，你只能漂浮在半空中。
相对定位就是你的位置你还占用的，人还在飘着
有意思的是这些都是相对父辈元素有position为相对或者绝对属性来定位的，都找不到的话就以body窗口来定位
因为绝对定位（和文档流没关系）如无申明，则其是对与body而言的，处理不好的话。如显示器尺寸变了，可能就会变型。
相对定位的元素属文档流，所以稳定的，相对定位是相对他该出现的位置，如无设top left之类，和普通div基本一样。
一般的绝对定位是这样用的，父元素要是相对定位的且须有布局，如有个高度，这样子元素用绝对定位，就可以相对它的父元素进行绝对定位，父元素若不这样做，那么子元素用绝对定位其实是相对body定位
1.左侧样式固定，右侧文本宽度自适应如何布局看第五十六题面试题.1.下面的布局如何实现,如何不用浮动还能使用什么布局方式定位. 或则flex-box
1.HTML静态页面出现中文乱码如何解决？答:
1.下列哪个选择器优先级是最高的？a. #a b. .a .b .c .d .e .f .g .h .i .j .k .l .m .n .o c. #a .b d. div.b#a
答:d
1.写CSS命令，设置字体为宋体，12px大小，颜色为#eeeeee,加粗。一、字体属性主要包括下面几个
font-family，font-style，font-variant，font-weight，font-size，font
font-family（字体族）: “Arial”、“Times New Roman”、“宋体”、“黑体”等;
font-style（字体样式）: normal（正常）、italic（斜体）或oblique（倾斜）;
font-variant (字体变化): normal（正常）或small-caps（小体大写字母）;
font-weight (字体浓淡): 是normal（正常）或bold（加粗）。有些浏览器甚至支持采用100到900之间的数字（以百为单位）;
font-size（字体大小）: 可通过多种不同单位（比如像素或百分比等）来设置, 如：12xp，12pt，120%，1em
如果用font 属性的话，就可以把几个样式进行简化，减少书的情况；font 属性的值应按以下次序书写(各个属性之间用空格隔开)：
顺序：font-style | font-variant | font-weight | font-size | line-height | font-family
二、font的简写实例
.font{
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:12px;
line-height:1.5em;
font-family:arial,verdana;
}
上面的样式简写为：
.font{font:italic small-caps bold 12px/1.5em arial,verdana;}
三、font的简写注意事项
1、简写时，font-size和line-height只能通过斜杠/组成一个值，不能分开写。
2、顺序不能改变.这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且，如果你没有设定font-weight, font-style, 以及 font-varient ，他们会使用缺省值
1.常用布局属性有哪些？有什么特点？margin , padding , position , float
http://www.codesec.net/view/404576.html
1.填空题一个div，css设置如下：{width:200px;margin:200px 20px;padding:50px 60px 70px;border:100px solid red;overflow:hidden;}在IE6怪癖解析下，这个div的实际宽是_360px___？在正常解析下，这个div的实际宽度是_560px___?
1.web网页中常见的图片格式有哪些？分别有什么特点？常用的图片格式有JPG、GIF、PNG。
1、jpg：jpg全名是JPEG。JPEG图片以 24 位颜色存储单个位图。JPEG 是与平台无关的格式，支持最高级别的压缩，不过，这种压缩是有损耗的。渐近式 JPEG 文件支持交错。
2、gif:GIF分为静态GIF和动画GIF两种，扩展名为.gif，是一种压缩位图格式，支持透明背景图像，适用于多种操作系统，“体型”很小，网上很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文件，从而形成动画，最常见的就是通过一帧帧的动画串联起来的搞笑gif图，所以归根到底GIF仍然是图片文件格式。但GIF只能显示256色。和jpg格式一样，这是一种在网络上非常流行的图形文件格式。
3、png：PNG，图像文件存储格式，其设计目的是试图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。PNG的名称来源于“可移植网络图形格式(Portable Network Graphic Format，PNG)”，也有一个非官方解释“PNG's Not GIF”，是一种位图文件(bitmap file)存储格式，读作“ping”。PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法，一般应用于JAVA程序、网页或S60程序中，原因是它压缩比高，生成文件体积小。
1.在HTML中，SEO常见的白帽优化技巧有哪些？http://seo.pingce.cc/seoweb/hmseo/20130626204.html
1.块属性标签与行属性标签的区别？哪些标签是块属性的，哪些是行的?在标准文档流里面，块级元素具有以下特点：
①总是在新行上开始，占据一整行；
②高度，行高以及外边距和内边距都可控制；
③宽如果不设置,默认是父级的宽度，与内容无关；
④它可以容纳内联元素和其他块元素。
行内元素的特点：
①和其他元素都在一行上；
②高，行高及外边距和内边距部分可改变；
③宽度只与内容有关；
④行内元素只能容纳文本或者其他行内元素。
不可以设置宽高，其宽度随着内容增加，高度随字体大小而改变，内联元素可以设置外边界，但是外边界不对上下起作用，只能对左右起作用，也可以设置内边界，但是内边界在ie6中不对上下起作用，只能对左右起作用
http://www.cnblogs.com/imihiroblog/archive/2012/08/28/2660370.html
1.IE6和IE7有什么不同？答：
I.打开IE7，第一感觉就是简洁干净了许多。主要是去除了工具菜单，按钮图标变得更加圆滑。
-transf&��bb��
