![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
palette_
这个作者很懒,什么都没留下…
展开
-
html5和xhtml的关系
XHTML 是 XML 风格的 HTML 4.01。HTML5 是HTML的第五大版本,取代 HTML 4.01。XHTML是基于XML发布的HTML规范,旨在规范HTML的格式。两者提出的目的是不一样的,W3C 原本确实计划用 XHTML 系列替代 HTML 4.01XHTML 兴起,它的地位就被 HTML5 取代了。HTML5相比XHTML,新增一些特性: 1) 用于绘画转载 2017-05-03 15:59:07 · 1111 阅读 · 0 评论 -
简述一下src与href的区别
href 表示超文本引用(hypertext reference),在 link和a 等元素上使用。href 的内容,是与该页面有关联,是引用。href是点击后连接的目标:HyperlinkReference,超链接引用。src 表示来源地址,在 img、script、iframe 等元素上。src 的内容,是页面必不可少的一部分,是引入。SRC是在本位置显示:source的缩写,源的意思转载 2017-05-03 14:49:59 · 901 阅读 · 0 评论 -
列出display的值,说明他们的作用。position的值, relative和absolute定位原点是?
1. block 象块类型元素一样显示。 none 缺省值。向行内元素类型一样显示。 inline-block 象行内元素一样显示,但其内容象块类型元素一样显示。 list-item 象块类型元素一样显示,并添加样式列表标记。 2. *absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。转载 2017-05-03 08:39:04 · 3040 阅读 · 0 评论 -
Doctype作用? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
(1)、 声明位于文档中的最前面,处于 标签之前。告知浏览器的解析器,用什么文档类型 规范来解析这个文档。 (2)、严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。 (3)、在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。 (4)、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。转载 2017-05-03 08:34:57 · 2362 阅读 · 0 评论 -
性能优化的方法?
(1) 减少http请求次数:CSS Sprites, JS、CSS源码压缩、图片大小控制合适;网页Gzip,CDN托管,data缓存 ,图片服务器。(2) 前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数(3) 用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能。(4)转载 2017-05-02 21:15:15 · 226 阅读 · 0 评论 -
对浏览器内核的理解?
主要分成两部分:渲染引擎(layout engineer或Rendering Engine)和JS引擎。渲染引擎:负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核转载 2017-05-02 21:09:25 · 384 阅读 · 0 评论 -
请说出三种减少页面加载时间的方法。
1.优化图片 2.图像格式的选择(GIF:提供的颜色较少,可用在一些对颜色要求不高的地方) 3.优化CSS(压缩合并css,如margin-top,margin-left...) 4.网址后加斜杠(如www.campr.com/目录,会判断这个“目录是什么文件类型,或者是目录。) 5.标明高度和宽度(如果浏览器没有找到这两个参数,它需要一边下载图片一边计算大小,如果图片很多,浏览器转载 2017-05-03 16:25:39 · 2735 阅读 · 0 评论 -
什么叫优雅降级和渐进增强?
优雅降级:Web站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器,则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题,针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案,使之在旧式浏览器上以某种形式降级体验却不至于完全失效.渐进增强:从被所有浏览器支持的基本功能开始,逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏转载 2017-05-09 08:53:16 · 4017 阅读 · 0 评论 -
实现鼠标点击及键盘控制下拉菜单事件
下拉菜单 body, ul, li { margin: 0; padding: 0; font-size: 13px; } ul, li { list-style: none; } #divselect { margin:0 auto; } #divselect cite {转载 2017-06-03 14:49:09 · 1940 阅读 · 0 评论