M小卢

word-wrap是控制换行的,可取：word-wrap:break-word | normal | break-all | keep-all break-word：它主要用来是控制是否将强制把单词换行，对于中英中文没有任何问题，但是对于长串的英文无效。 normal：英文单词不被拆开，它是默认值。 break-all，主要解决了长串英文的问题。主要用来是断开单词。在单词

层叠优先级是: 浏览器缺省 其中外部样式表方式两种：                   @import "b.css";     import的优先级要高于第一种，但是在IE中不建议使用import，会引起阻断，资源下载顺序混乱 样式表: 类选择器

块元素(block element)  1.* div - 常用块级容易，也是css layout的主要标签 2.* p - 段落 3.* table - 表格 4.* dl - 定义列表 /* ul - 非排序列表/* ol - 排序表单 5.* fieldset - form控制组 6.* form - 交互表单 7.*

写在前面的话：随着移动设备的逐渐普及和Web技术的发展，跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢？我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合，来进行多种分辨率适配的例子。         文中提到的响应式网页设计（Responsive web design）是一种现代网页设计方法，基于CSS3的媒介查询（Media Qu

positon有4个属性:static relative absolute fixed,默认的时候是static即静止定位,是按照元素在(x)html出现的顺序依次分配位置, static是不受top right left bottom影响的. 当父层a的position设为relative(相对定位) 子层b的position设为(绝对定位)时,b的偏移 是相对于父层a来定位,例如top:

1. 除IE外都可识别    2. 所有的IE可识别    3. 只有IE5.0可以识别    4. 仅IE5.0与IE5.5可以识别    5. IE5.0以及IE5.0以上版本都可以识别    6. 仅IE6可识别    7. IE6以及IE6以下版本可识别    8. IE6以及IE6以上版本可识别    9. 仅IE7可识别  10.

grid 布局小结" title="960 grid 布局小结" style="font-size:18px"> 960个像素作12栏 16栏 24栏分割 12栏和16栏分割的每个grid左右margin各10px，24栏分割每个grid左右margin各5px。 几个重要的关键字和概念 1.container容器：960px的宽度，左右margin auto 居中

转载地址：www.jiawin.com/response-type-layout-design/ 讲到响应式布局，相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么

在 让WebApp在iOS上模拟NativeApp的效果 中提到了对页面进行一些 meta 标记的添加，实现类似 Native App 的表现，不过这种表现只是外在的，接下来看看页面内容的显示问题。 我们已知 viewport 在手机网页中有重要作用，但它具体起了哪些作用？ viewport其事 viewport 直译为“视口”，它的作用可以这么想象：如同玩一个3D游戏，你能通过显示器看

我们先来看看CSS3 Api中对position属性的相关定义： static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。  relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠通过z-index属性定义。  absolute：对象脱离正常文档流，使用top，r