《htmlcss前台学习技巧总结》由会员分享，可在线阅读，更多相关《htmlcss前台学习技巧总结（23页珍藏版）》请在金锄头文库上搜索。
1、htmlcss前台学习技巧总结篇一：前端面试题总结HTMLCSS部分前端面试题总结HTMLCSS部分1. 对WEE标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;xhtml和html有什么区别HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同：XHTML元素必须被正确地嵌套。XHTML元素必须被关闭。
2、标签名必须用小写字母。XHTML文档必须拥有根元素。2. Doctype?严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?用于声明文档使用那种规范(html/Xhtml)一般为严格过度基于框架的html文档加入XMl声明可触发，解析方式更改为IE5.5拥有IE5.5的bug行内元素有哪些？块级元素有哪些？CSS的盒模型？块级元素：divph1h2h3h4formul行内元素:abbrispaninputselectCss盒模型:内容，border,margin，padding3. CSS引入的方式有哪些?link和import的区别是?内联内嵌外链导入区别：同时加载前者无兼容性，后者
3、CSS2.1以下浏览器不支持Link支持使用javascript改变样式，后者不可4. CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?标签选择符类选择符id选择符继承不如指定Idclass标签选择后者优先级高5. 前端页面有哪三层构成，分别是什么?作用是什么?结构层Html表示层CSS行为层jscss的基本语句构成是?选择器属性1：值1；属性2:值2;你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?le(le内核)火狐(Gecko)谷歌(webkit)opear(Presto)写出几种IE6BUG的解决方法1. 双边距BUGfloat
4、引起的使用display2.3像素问题使用float引起的使用dislpay:inline-3px3.超链接hover点击后失效使用正确的书写顺序linkvisitedhoveractive4.Iez-index问题给父级添加position:relative5. Png透明使用js代码改Min-height最小高度!Important解决6. select在ie6下遮盖使用iframe嵌套7. 为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08line-height:1px）9.ie6不支持!important11.img标签上ti
5、tle与alt属性的区别是什么?Alt当图片不显示是用文字代表。Title为该属性提供信息描述cssreset的作用和用途。Reset重置浏览器的css默认属性浏览器的品种不同，样式不同，然后重置，让他们统一解释csssprites，如何使用。Css精灵把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量浏览器标准模式和怪异模式之间的区别是什么?盒子模型渲染模式的不同使用可显示为什么模式12. 你如何对网站的文件和资源进行优化?期待的解决方案包括：文件合并文件最小化/文件压缩使用CDN托管缓存的使用13. 什么是语义化的HTML?直观的认识标签对于搜索引擎的抓取有好处清除浮动的几种方
6、式，各自的优缺点1. 使用空标签清除浮动clear:both（理论上能清楚任何标签，增加无意义的标签）2. 使用overflow:auto（空标签元素清除浮动而不得不增加无意代码的弊端,使用zoom:1用于兼容IE）是用afert伪元素清除浮动（用于非IE浏览器）14. csshack_margingIE6+marginIE7Marging:0auto9所有IeMargin0IE8篇二：html+CSS+js学习笔记第章2一、关于html的大致了解.2二、Html签签常用的标3三、使用页6章vsDiV创建网span6、样式表、css(层叠样式表)6文档流9Javascript(JS)简介9第三
7、章11类型转换二、断点调试、异常处理.12明三、函数声12四、字符串13五、数组14六、javaScriptDom编程.15第四章15BodyBodydocument对象的事件：对象的属16二、Window性：16三、事件冒泡17四、动态创建17四、动态创建删除元素.18五、InnerText和innerHTML的区别18第章181、动态创建表格的另外一种方式192、删除元素，两种方式193、什么时候需要将代码放到window.onload中？19式4、通过js动态操作页面样.195、关于字符串为空值的判断196、关于些事件.207、层的显示与隐藏20解答与拓展8问题209、form对象.21
8、10.说说不同浏览器的不同点以及是怎么解决这些差异的？21式11、Js中的正则表达22第六章JSHTML232、怎样去写高效的js代码243、一些浏览器的兼容问题（了解）24第一章一、关于html的大致了解参考书：张孝祥JavaScript网页开发体验式学习教程浏览器（5大主流浏览器）：IE【IE6及以下版本（IE7及以上）】、FF（FireFox）、Chrome（谷歌）、Opera、Safari（Apple）两大引擎：Trident引擎（就是IE的WebBrowser控件）、webkit引擎HTML（HyperTextMarkupLanguage）超文本标记语言，就是描述网页长什么样子，内容
9、的文本。不同浏览器品牌对HTML的支持是有差异的，要考虑浏览器的兼容问题。通过设置body标签的bgcolor属性可以设定网页的背景颜色，颜色的取值可以是英文，也可以是十六进制（#00FF69,每两个为一组，分别代表R、G、B的值）CSS、JavaScript都存在浏览器兼容问题，CSS尤甚，我们只考虑JS的兼容。静态页面和动态页面后缀名为html或htm都是静态页面；asp、aspx、jsp、php等都是动态页面网页的基本结构：?我的第一个网页?Helloworld?HTML注释：?body标签的bgcolor属性可以设定网页的背景颜色。Html和xml的区别：Xml严格区分大小写，html
10、不区分大小写。建议html全部用小写。Xml有开始必须要有结束。Html可以有开始没有结束，建议有开始有结束。Xml属性值一定要用“”引起来，html可以用引号、单引号或是不跟引号，建议用“”引起来。都可以通过css改变外观。使用上有什么本质的区别：xml主要用来存储数据，html更侧重于展示数据。*（了解）xhtml：可扩展超文本置标语言（eXtensibleHyperTextMarkupLanguage,XHTML,更符合xml语法规范的html。xhtml的出现主要是为了向xml过度，通过xml+css也能实现很好的页面。【xhtml要求：全部小写、有开始结束标签、属性用双引号】?二、H
11、tml常用的标签1）H1-h6:设置标题的等级，h1字号最大，2）换行3）段落，有一定间距的换行。4）居中5）加粗、带下划线、斜体、强调加斜体【注】建议使用、,因为他们除了有加粗、斜体，还有强调。6）作为下标、上标7）设置字体size的取值是1-7,7最大。8）设置水平线9）预格式化标签包含在这个标签中的内容会按照原定的格式显示出来html编码,只能用地址符空格代表一个空格大于号，可以用来转义标签10) url、超链接url:表示资源在网络中的地址名字【注】target的取值范围：_blank、_self、_parent、_top设置锚,文字然后在文章的底部跳转到文字处的一些属性./表示父目录
12、，.表示当前目录建议写的时候用相对路径的几个属性不想显示图片边框，就board=0设置缩略图：不建议将一张大图通过设置宽和高来改变图片的显示，建议使用工具将大图片改变显示比例之后保存，从新加载小图片。Px单位名称称为像素，像素是相对于屏幕分辨率来说的;Em相对于文字大小的倍数。12)列表一般用在名词解释上一个标签下可以包含多个无序列表可以包含多个有序列表【注】type的取值可以是：1、a、A、i、I、disc（实心圆）、circle（空心圆）、square（小方块）13）表格两行两列【注】cellspaceing是指单元格之间的间距，valign=/qitagongzuozongjie_022
13、8/Ibottom/qitagongzuozongjie_0228/II垂直对齐Cellpadding是值单元格和内容之间的间距行列合并行和列/代表这个单元格跨3列/代表这个单元格跨3行表的标题表的页眉写在这里的文字，可以自动居中加粗表的页脚14）表单（一系列的信息）凡是要输入提交的都是表单注】type可以取的值有text（文本框）、password（密码框）、radio（单选框）、checkbox（复选框）、Button（普通按钮）、submit（提交按钮）、reset（重置按钮）、image（图片提交按钮)、file(文件选择框)还可以设置intputsize=/qitagongzuozongjie_0228/小)/qitagongzuozongjie_0228/maxlength=/qitagongzuozongjie_0228/的其他属性，15（框的大的其他属性，15（框的大3（可以输入的最大长度)/qitagongzuozongjie_0228/readonly=/qitagongzuozongjie_0228/读)/qitagongzuozongjie_0228/value=/qitagongzuozongjie_0228/qitagongzuozongjie_0228/I对于单选框,radioreadon
