随笔分类 -  WEB前端开发

css sprite
摘要:CSS Sprites简介编辑加速的关键,不是降低质量,而是减少个数。传统切图讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按byte计算。客户端每显示一张图片都会向服务器发送请求。所以,图片越多请求次数越多,造成延迟的可能性也就越大。2CSS Sprites原理编辑CS... 阅读全文

posted @ 2015-01-21 15:46 米粒time 阅读(138) 评论(0) 推荐(0)

JavaScript中OnLoad几种使用方法
摘要:在前几个项目的开发中 遇到onload使用的几种情形1. 可以在Body 里面执行2. 先定义好 在页面加载完成后使用复制代码代码如下:注解: 这里的window.onload = test; 不要在test后面加() 因为这是在给事件关联触发的方法如果加() 会立刻引发这个方法的执行(这可能不是我... 阅读全文

posted @ 2014-12-25 13:15 米粒time 阅读(1075) 评论(0) 推荐(0)

我们为什么要遵循W3C标准规范
摘要:大部分的站长和拥有网站的企业负责人都会知道,每当有浏览器发布大更新的时候,我们刚建立不久的网站就会发生无法预知的严重错误,我们只能重新建立或改版网站,使其可以应归新发布的浏览器。好比1996-1999年典型的浏览器战争,为了同时兼容Netscape和Microsoft Internet Explor... 阅读全文

posted @ 2014-12-07 15:46 米粒time 阅读(254) 评论(0) 推荐(0)

css重置
摘要:不同的浏览器默认的css样式不同,因此在格式化样式之前,先重置css默认样式:html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote { ... 阅读全文

posted @ 2014-12-06 23:25 米粒time 阅读(157) 评论(0) 推荐(0)

标准的CSS代码编写习惯:两列左导航设计,顶
摘要:/***********************************************//*2col_leftNav.css*//*Usewithtemplate2col_leftNav.html*//********************************************... 阅读全文

posted @ 2014-12-06 23:18 米粒time 阅读(223) 评论(0) 推荐(0)

Div+Css布局遇到的常见问题
摘要:IE的问题:一.双边距问题浮动元素的外边距会加倍,但与第一个浮动元素相邻的其他浮动元素外边距不会加倍。解决方法:在此浮动元素增加样式display:inline;二.图片产生的间隙父元素直接包含,这个图片下方会和父元素边缘产生间隙。解绝方法:1.在源代码中让和在同一行,因为那个间隙是由换行符产生的。... 阅读全文

posted @ 2014-12-06 23:16 米粒time 阅读(616) 评论(0) 推荐(0)

【引用】Div+CSS规则整理!
摘要:一、善用css缩写规则 /*注意上、右、下、左的书写顺序*/1. 关于边距(4边):1px 2px 3px 4px (上、右、下、左)1px 2px 3px (省略的左等于右)1px 2px (省略的上等于下)1px (四边都相同)2. 简化所有:*/ body{margin:0}---------... 阅读全文

posted @ 2014-12-06 23:11 米粒time 阅读(1232) 评论(0) 推荐(0)

【引用】CSS浏览器兼容手册
摘要:CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie... 阅读全文

posted @ 2014-12-06 21:35 米粒time 阅读(186) 评论(0) 推荐(0)

Doctype文档声明的严格模式和混杂模式,如何触发这两种模式,区分它们有何意义?
摘要:(1)如何触发两种模式:加入xml头部声明,可以触发IE浏览器的Quirks mode,触发之后,浏览器解析方式就和IE5.5一样,拥有IE5.5一样的bug和其他问题,行为(Javascript)也是如此。(2)IE6的触发:在XHTML的DOCTYPE前加入XML声明,(3)IE7的触发:在XM... 阅读全文

posted @ 2014-12-06 21:33 米粒time 阅读(436) 评论(0) 推荐(0)

行内元素和块级元素有哪些
摘要:一.行内元素和块级元素有哪些?块级元素information on authorlong quotationpush buttontable captiondefinition descriptiondeleted textgeneric language/style containerdefini... 阅读全文

posted @ 2014-12-06 21:21 米粒time 阅读(336) 评论(0) 推荐(0)

(转)html块级元素与行内元素-哪些是块级哪些是内联对象
摘要:块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊,它只能用来容纳其他块元素。 如 果没有css的作用,块元素会顺序以每次另起一行的方式一直往下排。而有了css以后,我们可以改变这种html的默认布局模式,把块元素摆放到你想 要的位置上... 阅读全文

posted @ 2014-12-06 21:04 米粒time 阅读(497) 评论(0) 推荐(0)

面试题小结
摘要:三大类:HTML,CSS,Javascript(jquery)HTML:1.什么是语义化的HTML?有何意义?为什么要做到语义化?(高频率考题)2.行内元素和块元素分别有哪些?(高频率)3.严格模式与混杂模式的区分?如何触发这两种模式?(高频率)4.Doctype 是什么?有啥作用5.HTML与XH... 阅读全文

posted @ 2014-12-06 19:50 米粒time 阅读(148) 评论(0) 推荐(0)

HTML 5的革新——语义化标签(一) (转)
摘要:HTML 5的革新之一:语义化标签一节元素标签。在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义。(即使我们用css样式的id和class形容这块内容的意义)。这些标签只是我们提供给浏览器的指令,只是定义一个网页的某些部分。但现在,那些之前没“意义”的标签因为因为ht... 阅读全文

posted @ 2014-12-06 19:48 米粒time 阅读(137) 评论(0) 推荐(0)

理解HTML语义化 (转)
摘要:1、什么是HTML语义化? 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化?为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看;用户体验:例如title、alt用于解... 阅读全文

posted @ 2014-12-06 19:46 米粒time 阅读(120) 评论(0) 推荐(0)

导航