随笔分类 - HTML/CSS
摘要：最近一直在学习 html5，为了后期的项目进行知识储备。html5 相对于 html4 新增加了一些有趣的标签、属性和方法，今天主要介绍下 html5 的本地存储。在客户端存储数据html5 提供了两种在客户端存储数据的新方法：localStorage 没有时间限制的数据存储sessionStora...
阅读全文
摘要：rel与rev属性相同,它们都是属于LinkTypes属性. rel 属性 -- rel属性,描述了当前页面与href所指定文档的关系, rel是relationship(关系)的英文缩写. rev 属性 -- rev属性,描述了href所指定文档与当前页面的关系, rev是reverse link...
阅读全文
摘要：HTML 5HTML 4.01 Strict该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。HTML 4.01 Transitional该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font...
阅读全文
摘要：px像素（Pixel）。相对长度单位。像素px是相对于不同设备显示器屏幕分辨率（pad/phone/pc）而言的。(引自CSS2.0手册)1em指的是一个字体的大小，它会继承父级元素的字体大小，因此并不是一个固定的值。任何浏览器的默认字体大小都是16px。px相对的屏幕分辨率，而em相对于父级div...
阅读全文
摘要：在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题百度源代码如下百度一下，你就知道 可以打开百度，右键查看源码看下！我们可以看下文件头是否存在这样一行代码！这句话的意思是强制使用IE7模式来解析网页代码！在这...
阅读全文
摘要：在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设...
阅读全文
摘要：a = 行内样式style。b = ID选择器的数量。c = 类、伪类和属性选择器的数量。d = 类型选择器和伪元素选择器的数量。选择器等级(a,b,c,d)style=””1,0,0,0#wrapper #content {}0,2,0,0#content .dateposted {}0,1,1,...
阅读全文
摘要：定位标签：position包含属性：relative（相对）absolute（绝对）1.position:relative; 如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素”相对于”它的原始起点进行移动。（再一点，相对定位时，无论是否进行移动，元素仍...
阅读全文
摘要：在IE6下面当子元素的宽度/高度大于父元素时, 父元素的宽度/高度就被撑开.IE7以上是不会被撑开的 为了使IE6和其他的浏览器行为一致,我们可以在子元素中添加postion来解决问题
阅读全文
摘要：IE6/IE7下对display:inline-block的支持性不好。1、inline元素的display属性设置为inline-block时，所有的浏览器都支持；2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的； 对象呈递为内联对象，但是对象...
阅读全文
摘要：前阵子，在组内给大家做了一次关于“浏览器加载和渲染HTML的顺序”的分享(PS:这前面html几个字在51testing上可能展示有点问题)，这里再总结一下吧。1.浏览器加载和渲染html的顺序1、IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。2、在渲染到页面的某一部分时...
阅读全文
摘要：你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用 padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？……写css，...
阅读全文
摘要：边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。如果没有正边界，则从零中减去绝对值最大...
阅读全文
摘要：IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以...
阅读全文
摘要：＃"包含了一个位置信息 默认的锚点是＃top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 或者<input on
阅读全文
摘要：一、跨浏览器的网页设计一直是让人很头疼的问题，这不只是因为浏览器的版本众多，还有一个重要的原因是相同浏览器的不同时期的版本也会有差异，甚至是在不同操作同台上还会有不同。因此使CSShack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSSHack技术有很多，具体可以查看：本文据说的主要是通过“....
阅读全文
摘要：首先看一篇文章：CSS框模型：一切皆为框 — 从行框说起一 行框 看图说话上图代表了框模型中的行框。line-height 属性设置行间的距离（行高）。该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。line-height 与 font-size 的...
阅读全文
摘要：初入前端的时候觉得CSS知道display、position、float就可以在布局上游刃有余了，随着以后工作问题层出不穷，才逐渐了解到CSS并不是几个style属性那么简单，最近看了一些关于行高的知识，就此总结一下。所谓行高是指文本行基线间的垂直距离。要想理解这句话首先得了解几个基本知识：顶线、中...
阅读全文
摘要：文档申明为 IE6或者IE特有的一些东西1.盒子模型IE6:(使用 !DOCTYPE 声明指定 standards-compliant 模式)margin-left + border-left + padding-left + width + padding-right + border-right...
阅读全文
摘要：doctype 标准(严格)模式(Standards Mode)、怪异(混杂)模式(Quirks Mode),如何触发，区分他们有何意义？触发标准模式1、加DOCTYPE声明,比如：2、设置X-UA-Compatible触发。触发怪异模式1、无doctype声明、定义旧的HTML版本（HTML4以下...
阅读全文