各种工作准备面试题总结html css_第1页
各种工作准备面试题总结html css_第2页
各种工作准备面试题总结html css_第3页
各种工作准备面试题总结html css_第4页
各种工作准备面试题总结html css_第5页
已阅读5页，还剩5页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

HTML+CSS闭合、小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和、结构行为表现的分离、文件与页面速度更快、内容能被的用户所、内容能被更广泛的设备所、更少的代码和组件，容易、方便，不需要变动页面内容、提供打印版本而不需要内容、提高易用性;xhtmlhtmlHTMLWEB网页设计语言，XHTMLXML的置标语言XHTMLXHTML元素必须被关闭。XHTML用于文档使用那种规范(html/Xhtml)一般为严格过度基于框架的html档加入XMl可触发，解析方式更改为IE5.5拥有IE5.5的行内元素有哪些?块级元素有哪些?CSS的盒模型?块级元素：divph1h2h3h4formul行内元素abbrispaninputCss盒模型:内容，borderCSS引入的方式有哪些link和@import的区别是?内联内嵌外链导入CSS2.1Linkjavascript选择符类选择符id选择符继承不如指定Id>class>选择HtmlCSSIe(Ie内核)火狐(Gecko)谷歌(webkitIE6BUG双边距BUGfloat引起的使用dis3floatdislpay:inline超hover点击后失效使用正确的书写顺序linkvisitedhoverIez-index问题给父级添加PngjsMin-height!Important解决selectie6下遮盖使用iframe1px左右的宽度容器(IE6over:hidden,zoom:0.08line-ie6不支持img上title与alt属性的区别是什么Alt当不显示是用文字代表TitlecssresetResetcsscssspritesCss精灵把一堆小的整合到一张大的上，减轻服务器对的请求数使用 patMode可显示为什么模你如何对的文件和资源进行优化?期待的解决方案包括：CDN托管直观的认识对于搜索引擎的抓取有好使用空清除浮动clear:both(理论上能清楚任何，，，增加无意义的签使用overflow:auto(空元素清除浮动而不得不增加无意代码的弊端,,使css<!--[ifIE6]--><![endif]--_marging\\IE+margin\\IEMarging:0auto9IeMargin\0\\IE8被点击过的超样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序:L-V-H-A（link-visited-hover-active）例如<styletype="text/css">body{margin:0}div{float:left;margin-left:10px;width:200px;height:200px;border:1pxsolidred}有时IE6下单单使用margin-left/right也会出现双倍，加disy:inline是可以解决的。(floatmargin同时使用时)IE6里那样被撑开的,又想固定高度，又想能被heightmin-height:200px;这里为了照顾不min-heightIE6可以这样定义：div{height:auto!important;height:200px;min-height:200px;<stylebody{scrollbar-face-color:#f6f6f6;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#eeeeee;scrollbar-3dlight-color:#eeeeee;scrollbar-arrow-color:#000;scrollbar-track-color:#fff;scrollbar-darkshadow-color:#fff;}overflow:hidden|zoom:0.08|line-FLASH设置透明:<paramname="wmode"value="transparent"<stylediv{margin:-100px00-100px;border:1pxsolid}--<div<divid="b">baCSSatext-aligncenter。IEFirefoxb却会是居左的。bmarginautobCSS样式为：margin:0缺点：不易于和修改适用于：网页中个别需要修改的元素的样式定义<style></style>部分是所有需要设置样式的元素的属性定义。优点：对当前页面内的所有元素的样式修改、比较方便;缺点：对于建设，要采用相同的样式设置则比较麻烦;外部式样式设置<linktype="text/css"href="MyStyle1.css"rel="Stylesheet"即可适用于：需要统一显示样式的建设在一个页面中被多个不同的元素，而ID在一个页面中只能被一次。MacIEfloatclearfloat元素布局就会MacIEbug，倘若不知道就会走弯路。margin、padding0none等。srchrefsrc用于替换当前元素，href用于在当前文档和资源之间确立联系src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前所在位置；在请求src资源时会将其指向的资源并应用到文档内，例如js，imgframe等元素。<scriptsrc，当浏览器解析到该元素时，会暂停其他资源的和处理，直到将该资源加载、编译、执行完毕和框架等元素也如此，类似于将所指向资源嵌入当前内。这也是为什么将js放在底部而不是头部。，href是HypertextReference的缩写，指向网络资源所在位置，建立和当前元素（）<linkhref="common.css"linkcss，而不是使用@import方式。32、知道的网页制作会用到的格式有哪些格式。压缩体积大约只有JPEG的2/3，并能节省大量的服务器带宽资源和数据空间Ebay等知名已经开始测试并使用WebP格式在质量相同的情况下，WebPJPEG40%Apng：全称是“AnimatedPortableNetworkGraphics”,PNG的位图动画扩展，可以实现iOSsafari8GIF成为下一代动态图标准。33HTML文件里开头都有个很重要的东西，Doctype答案：<!DOCTYPE>位于文档中的最前面的位置，处于<html>之前。此HTMLXHTML（重点：告诉浏览器按照何种规范解析页面34、行内元素有哪些?块级元素有哪些?CSS的盒模型?块级元素：divph1h2h3h4formul行内元素abbrispaninputCss盒模型:内容，border更少的代码，的功能，层叠指的是样式的优先级，当产生时以优先级高的为准开发者样式>读者样式>浏览器样式（除非使用!important<div<div<divCSSCSS样式在针对同一元素配置同一属性时，依据层叠规则（权重）来处理，选择应用权重高的CSS选择器所指定的属性，一般也被描述为权重高的覆盖CSS选择器都会有一个权重（1000，id100，CSS选择器的权重，权重高的来覆盖权重低的。CSS语义化其实地是指HTML的语义化。比如下面的一个代码我们这样写<div<div<divclass="h2">这是区块标题代码如下<div<divclass="bd">这是区块内容robot<h2>这是区块标题代码如下robotsection（区块）、h2(二级标题)、p(文字段落)，但是不能识divdiv这个标记本身是无语义的（classid属性来赋予语义，但是这是次优选择）HTML5article、header、footer、nav、section等就是丰富了HTML原生的语义，在很大程度上满足了HTML编写的需我的理解是，层叠指的是上级的样式会自动继承到其所有下级，如针对<body>设置的选择器所设的字体样式会自动应用到<body>下的<p>中，除非<p>重写了相36、position值都有哪些，css3都有哪些新内容 |relative|absolute|fixed|center|page|适用于：除disy属性定义为table-column-group和table-column之外的所有元素marginmargin折叠。

top，right，bottom，left等属性以窗口为参考点进行定位，marginmargin（CSS3）

盒子的位置计算参照absolute。盒子在分页或者区域块内，盒子的包含块始终absolute（CSS3）relativefixed的合体，当在屏幕中时按常*CSS3新增属性可能存在描述错误及变更，参考，持续更positionrelative|absolute|fixed|center|page|stickyz-index属性定义。top，right，bott

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论