htmlcss前台学习技巧总结

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选择符继承不如指定Id>class>标签选择后者优先级高5. 前端页面有哪三层构成，分别是什么?作用是什么?结构层Html表示层CSS行为层jscss的基本语句构成是?选择器属性1：值1；属性2:值2;你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?le(le内核)火狐(Gecko)谷歌(webkit)opear(Presto)写出几种IE6BUG的解决方法1. 双边距

4、BUGfloat引起的使用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不支持!importa

5、nt11.img标签上title与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文档流9Javasc

7、ript(JS)简介9第三章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问题

8、209、form对象.2110.说说不同浏览器的不同点以及是怎么解决这些差异的？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的区别：Xm

10、l严格区分大小写，html不区分大小写。建议html全部用小写。Xml有开始必须要有结束。Html可以有开始没有结束，建议有开始有结束。Xml属性值一定要用“”引起来，html可以用引号、单引号或是不跟引号，建议用“”引起来。都可以通过css改变外观。使用上有什么本质的区别：xml主要用来存储数据，html更侧重于展示数据。*（了解）xhtml：可扩展超文本置标语言（eXtensibleHyperTextMarkupLanguage,XHTML,更符合xml语法规范的html。xhtml的出现主要是为了向xml过度，通过xml+css也能实现很好的页面。【xhtml要求：全部小写、有开始结束标

11、签、属性用双引号】?二、Html常用的标签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=/qitagongz

13、uozongjie_0228/Ibottom/qitagongzuozongjie_0228/II垂直对齐Cellpadding是值单元格和内容之间的间距行列合并行和列/代表这个单元格跨3列/代表这个单元格跨3行表的标题表的页眉写在这里的文字，可以自动居中加粗表的页脚14）表单（一系列的信息）凡是要输入提交的都是表单注】type可以取的值有text（文本框）、password（密码框）、radio（单选框）、checkbox（复选框）、Button（普通按钮）、submit（提交按钮）、reset（重置按钮）、image（图片提交按钮)、file(文件选择框)还可以设置intputsize=/

14、qitagongzuozongjie_0228/小)/qitagongzuozongjie_0228/maxlength=/qitagongzuozongjie_0228/的其他属性，15（框的大的其他属性，15（框的大3（可以输入的最大长度)/qitagongzuozongjie_0228/readonly=/qitagongzuozongjie_0228/读)/qitagongzuozongjie_0228/value=/qitagongzuozongjie_0228/qitagongzuozongjie_0228/I对于单选框,radioreadonly（设置只、默认值可以设置名字rea

15、donly（设置只、默认值可以设置名字/qitagongzuozongjie_0228/同一组的radio设置相同name=/qitagongzuozongjie_0228/的名字，这样就可以实现单选了。设置id=/qitagongzuozongjie_0228/II名/qitagongzuozongjie_0228/II,文字点中文字，就选择了对应的单选和复选Checked=/qitagongzuozongjie_0228/checked/qitagongzuozongjie_0228/II某一项默认被选下拉框：multiple是同时选中多个下拉框中的内容下拉框中的内容【注】如果想为某一个下

16、拉框设置label,可以如下：下拉框中的内容【注】如果想为某一个些选框分组，可以：组框显示的内容?若干选框【注】显示多行文本信息、right、up、down向左、右、15)滚动文字这是滚动文字【注】direction:left上、下behavior:scroll、slide、alternatescrolldelay:滚动的速度。单位为毫秒数，默认为8516)插入mp3插入falshtype="application/x-shockwave-flash"width="760"height="700">17)*meta标签meta标

17、签包括在head标签中。主要用来描述页面自身信息?标签，有指定name和指定http-equiv两种用法：?关于网页的描述信息。?模拟http响应头信息。?例如：定网页编码?三秒钟后刷新此网页。?三秒钟后重定向到新网页。发帖成功后提示一发帖成功，即将转向帖子查看页面/qitagongzuozongjie_0228/II。?禁止浏览器缓存页篇三：css+html+js总结第二章css+html+js目录一，web项目基础知识11web项目12web月服务器11)常用的web服务器：12)tomcat13)第1种方式发布项目24)修改Tomcat端口号25)第2种发布项目方法26)使用MyEcli

18、pse操作tomcat2二，html知识31.html的几点解释32.超链接3跳到具体页面： 32)跳至Uservlet页面 33.ol与ul34书名号的书写45横线和换行46斜体,粗体,删除体以及字体的大小47上标和下标48图片的插入49段落4三，CSS51Css51)什么是CSS?52)Css的用途器52css选择51)标记选择器52)class选择器6一，web项目基础知识1web项目可以发布到web服务器上的项目1)web项目包含src和WebRoot两个子目录a) src目录包含java类以及一些配置文件的信息WebRoot项目的根目录，所有的web的文件(css,htmljs,图片等文件)放到webRoot下，但不要放到META-INF和WEB-INF(暂时)b) WebRoot下面有一个lib，存放跟相关所有的jar文件2)java企业级开发全是web项目j2ee2web服务器1）常用的web服务器：tomcat,jboss,weblogic,websphere2）tomcatbin目录，主要存放时服务器启动或关闭的文件conf目录：主要存放tomcat服务器中主要的配置文件，尽量不要随便修改lib目录：主要存放服务器运行所需要的所有的jar，不要删除任何jar，不然服务器可能无法运行logs目录