htmlcss前台学习技巧总结

今年以来我们在上级党组织的领导和区精神文明办的关心支持指导下坚持以邓小平理论和三个代表重要思想为指导认真落实科学发展观htmlcss前台学习技巧总结篇一：前端面试题总结HTML CSS部分前端面试题总结HTML CSS部分 1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;2.xhtml和html有什么区别HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同：XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?用于声明文档使用那种规范(html/Xhtml)一般为 严格 过度 基于框架的html文档加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug4.行内元素有哪些?块级元素有哪些?CSS的盒模型?块级元素：div p h1 h2 h3 h4 form ul行内元素: a b br i span input selectCss盒模型:内容，border ,margin，padding5.CSS引入的方式有哪些? link和import的区别是?内联 内嵌 外链 导入区别 ：同时加载前者无兼容性，后者CSS2.1以下浏览器不支持Link 支持使用javascript改变样式，后者不可6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?标签选择符 类选择符 id选择符继承不如指定 Idclass标签选择后者优先级高7.前端页面有哪三层构成，分别是什么?作用是什么?结构层 Html 表示层 CSS 行为层 js8.css的基本语句构成是?选择器属性1:值1;属性2:值2;9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?Ie(Ie内核) 火狐(Gecko) 谷歌(webkit) opear(Presto)10.写出几种IE6 BUG的解决方法1.双边距BUG float引起的 使用display2.3像素问题 使用float引起的 使用dislpay:inline -3px3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active4.Ie z-index问题 给父级添加position:relative5.Png 透明 使用js代码 改6.Min-height 最小高度 !Important 解决7.select 在ie6下遮盖 使用iframe嵌套8.为什么没有办法定义1px左右的宽度容器(IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px)9.ie 6 不支持!important11.img标签上title与alt属性的区别是什么?Alt 当图片不显示是 用文字代表。Title 为该属性提供信息12.描述css reset的作用和用途。Reset重置浏览器的css默认属性 浏览器的品种不同，样式不同，然后重置，让他们统一13.解释css sprites，如何使用。Css 精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量14.浏览器标准模式和怪异模式之间的区别是什么?盒子模型 渲染模式的不同使用 patMode 可显示为什么模式15.你如何对网站的文件和资源进行优化?期待的解决方案包括：文件合并文件最小化/文件压缩使用CDN托管缓存的使用16.什么是语义化的HTML?直观的认识标签 对于搜索引擎的抓取有好处17.清除浮动的几种方式，各自的优缺点1.使用空标签清除浮动 clear:both(理论上能清楚任何标签，增加无意义的标签)2.使用overflow:auto(空标签元素清除浮动而不得不增加无意代码的弊端,使用zoom:1用于兼容IE)3.是用afert伪元素清除浮动(用于非IE浏览器)18.css hack_marging IE 6+margin IE 7Marging:0 auto 9 所有IeMargin 0 IE 8篇二：html+CSS+js学习笔记第一章 . 2一、关于html的大致了解 . 2二、Html常用的标签 . 3三、使用vs创建网页 . 6第二章 . 6DiV（层）、span . 6二、样式表、css（层叠样式表） . 6文档流. 9Javascript（JS）简介 . 9第三章 . 11一类型转换 . 12二、断点调试、异常处理 . 12三、函数声明 . 12四、字符串 . 13五、数组 . 14六、javaScript Dom编程 . 15第四章 . 15一、Body、document对象的事件： . 16二、Window对象的属性： . 16三、事件冒泡 . 17四、动态创建、删除元素 . 18五、InnerText和innerHTML的区别 . 18第五章 . 181、动态创建表格的另外一种方式 . 192、删除元素，两种方式 . 193、什么时候需要将代码放到window.onload中？ . 194、通过js动态操作页面样式 . 195、关于字符串为空值的判断 . 196、关于一些事件 . 207、层的显示与隐藏 . 208问题解答与拓展 . 209、form对象 . 2110.说说不同浏览器的不同点以及是怎么解决这些差异的？ . 2111、Js中的正则表达式 . 22第六章 . 231、HTML、JS的压缩 . 232、怎样去写高效的js代码 . 243、一些浏览器的兼容问题（了解） . 24第一章一、关于html的大致了解参考书：张孝祥JavaScript网页开发体验式学习教程浏览器（5大主流浏览器）：IE【IE6及以下版本（IE7及以上）】、FF(FireFox)、Chrome（谷歌）、Opera、Safari(Apple)两大引擎：Trident引擎（就是IE的WebBrowser控件）、webkit引擎HTML(HyperText Markup Language)超文本标记语言，就是描述网页长什么样子， 内容的文本。不同浏览器品牌对HTML的支持是有差异的，要考虑浏览器的兼容问题。通过设置body标签的bgcolor属性可以设定网页的背景颜色，颜色的取值可以是英文，也可以是十六进制（#00FF69,每两个为一组，分别代表R、G、B的值） CSS、JavaScript都存在浏览器兼容问题，CSS尤甚，我们只考虑JS的兼容。 静态页面和动态页面后缀名为html或htm都是静态页面；asp、aspx、jsp、php等都是动态页面 网页的基本结构：? 我的第一个网页? Hello world?HTML注释：? body标签的bgcolor属性可以设定网页的背景颜色。Html和xml的区别：Xml严格区分大小写，html不区分大小写。 建议html全部用小写。 Xml有开始必须要有结束。Html可以有开始没有结束，建议有开始有结束。Xml属性值一定要用“”引起来，html可以用引号、单引号或是不跟引号，建议用“”引起来。都可以通过css改变外观。使用上有什么本质的区别：xml主要用来存储数据，html更侧重于展示数据。*(了解)xhtml：可扩展超文本置标语言（eXtensible HyperText Markup Language，XHTML），更符合xml语法规范的html。xhtml的出现主要是为了向xml过度，通过xml+css也能实现很好的页面。【xhtml要求：全部小写、有开始结束标签、属性用双引号】 ?二、Html常用的标签1）H1-h6:设置标题的等级，h1字号最大，2）换行3）段落，有一定间距的换行。4）居中5）加粗、带下划线、斜体、强调加斜体【注】建议使用、,因为他们除了有加粗、斜体，还有强调。6）作为下标、上标7)设置字体 size的取值是1-7,7最大。8）设置水平线9）预格式化标签 包含在这个标签中的内容会按照原定的格式显示出来10）html编码,只能用地址符空格 代表一个空格大于号 ，可以用来转义标签11）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=/2017/qitagongzuozongjie_0228/ bottom/2017/qitagongzuozongjie_0228/ 垂直对齐Cellpadding是值单元格和内容之间的间距 行 列 列合并行和列/代表这个单元格跨3列/代表这个单元格跨3行表的标题 表的页眉写在这里的文字，可以自动居中加粗 表的页脚14）表单(一系列的信息)凡是要输入提交的都是表单【注】type可以取的值有text(文本框)、password(密码框)、radio(单选框)、checkbox(复选框)、 Button(普通按钮)、submit(提交按钮)、reset（重置按钮）、image(图片提交按钮)、file(文件选择框)还可以设置intput的其他属性，size=/2017/qitagongzuozongjie_0228/15(框的大小)/2017/qitagongzuozongjie_0228/、maxlength=/2017/qitagongzuozongjie_0228/3（可以输入的最大长度）/2017/qitagongzuozongjie_0228/、readonly=/2017/qitagongzuozongjie_0228/readonly(设置只读)/2017/qitagongzuozongjie_0228/、value=/2017/qitagongzuozongjie_0228/默认值/2017/qitagongzuozongjie_0228/对于单选框,radio，可以设置name=/2017/qitagongzuozongjie_0228/名字/2017/qitagongzuozongjie_0228/ ,同一组的radio设置相同的名字，这样就可以实现单选了。设置id=/2017/qitagongzuozongjie_0228/名/2017/qitagongzuozongjie_0228/， 文字 点中文字，就选择了对应的单选和复选。 Checked=/2017/qitagongzuozongjie_0228/checked/2017/qitagongzuozongjie_0228/ 某一项默认被选中下拉框： multiple是同时选中多个下拉框中的内容下拉框中的内容【注】如果想为某一个下拉框设置label,可以如下： 下拉框中的内容【注】如果想为某一个些选框分组，可以： 组框显示的内容?若干选框【注】显示多行文本信息15)滚动文字这是滚动文字【注】direction:left、right、up、down向左、右、上、下behavior:scroll、slide、alternatescrolldelay:滚动的速度。单位为毫秒数，默认为85。16）插入mp3插入falshtype=application/x-shockwave-flash width=760 height=70017)*meta标签meta标签包括在head标签中。主要用来描述页面自身信息? 标签，有指定name和指定http-equiv两种用法：? 关于网页的描述信息。? 模拟http响应头信息。? 例如：? 指定网页编码? 三秒钟后刷新此网页。? 三秒钟后重定向到新网页。发帖成功后提示发帖成功，即将转向帖子查看页面/2017/qitagongzuozongjie_0228/。? 禁止浏览器缓存页篇三：css+html+js总结 第二章 css+html+js 目录 一，web项目基础 知识 1 1 web项目 1 2 web服务器 11） 常用的web服务器： 1 2） tomcat 1 3）第1种方式发布项目 2 4） 修改Tomcat端口号 2 5） 第2种发布项目方法 2 6)使用MyEclipse操作tomcat 2二，html知识 31 .html的几点解释 3 2.超链接 31）跳到具体页面： 3 2）跳到servlet页面 3 3.ol与ul 3 4 书名号的书写 4 5 横线和换行 4 6 斜体,粗体,删除体以及字体的大小 4 7 上标和下标 4 8 图片的插入 4 9 段落 4 三，CSS 51 Css 51） 什么是css？ 5 2） css的用途 5 2 css选择器 51） 标记选择器 5 2) class选择器 6 一，web项目基础 知识 1 web项目 可以发布到web服务器上的项目1）web项目包含src和WebRoot两个子目录a） src 目录包含java类以及一些配置文件的信息b）WebRoot 项目的根目录，所有的web的文件（css,html js,图片等文件）放到webRoot下，但不要放到META-INF 和WEB-INF（暂时）c）WebRoot下面有一个lib，存放跟相关所有的jar文件 2） java企业级开发全是web项目- j2ee2 web服务器1） 常用的web服务器：tomcat,jboss,weblogic,websphere2） tomcatbin目录，主要存放时服务器启动或关闭的文件conf目录：主要存放tomcat服务器中主要的配置文件，尽量不要随便修改lib目录：主要存放服务器运行所需要的所有的jar，不要删除任何jar，不然服务器可能无法运行logs目录：记录服务器运行的信息（日志记录）temp目录：存放临