比比已存在

摘要： 列表信息展示有时候会在每行前使用小图标来美化，布局通常也会用到ul li；1、如果是1张小图标一般会用background属性来显示图标，background-image:url(); background-repeat: no-repeat; background-position:left ce... 阅读全文

摘要： vertical-align:-3px修复单选框/复选框与12px文字对齐问题。再就是使用比较多的情况：2个inline元素vertical-align:middle对齐 (middle把此元素放置在父元素的中部)。 阅读全文

摘要： 导航头 1f 2f 3f 4f 1F 2F 3F 4F 阅读全文

摘要： position属性规定元素的定位类型。position：static | relative | absolute | fixed | inheritstatic: 默认值，没有定位，元素出现在正常的文档流中。relative: 生成相对定位的元素，相对正常元素进行定位。absolute: 生成绝对... 阅读全文

摘要： 在DOM中，每一个节点都是一个对象。DOM节点有3个重要的属性：1、nodeName ：节点的名称2、nodeValue ：节点的值3、nodeType ：节点的类型nodeName属性： 节点的名称1、元素节点的nodeName与标签名相同2、属性节点的nodeName是属性的名称3、文本节点的n... 阅读全文

摘要： word-break 属性规定自动换行的处理方法。word-break:normal | break-all | keep-all; normal:使用浏览器默认的换行规则。 break-all:允许在单词内折行。 keep-all:只能在半角空格或连字符处换行。JavaScript，一種直譯... 阅读全文

摘要： css隐藏多余文字并用...表示未完的内容使用到的css属性width:***, overflow:hidden, text-overflow:ellipsis多余的文字用...显示。, white-space:nowrap保持文字在一行显示不折行text-overflow:clip | ellip... 阅读全文

摘要： 1、浏览器把获取到的html代码解析成1个Dom树。2、浏览器把样式解析成样式结构体，在解析过程中会去掉各自浏览器不能识别的样式比如-moz,-webkit等。3、2者结合后构建呈现rendertree。4、rendertree构建完毕，浏览器就可以根据rendertree绘制页面。其中脚本执行过程... 阅读全文

摘要： 常用css样式中属性的书写顺序一、position display float二、盒子模型的属性 width , height , border , margin , padding三、文字等相关属性 color, font, line-height, text-align, vertical-... 阅读全文

摘要： 模拟select下拉框当元素失去焦点时发生 blur 事件。这里在span上绑定trigger.blur模拟blur事件。body加了一个click事件，点击非当前span区域触发span的trigger.blur事件来隐藏下拉ul层;点击span区域 e.target和span[0] 返回[obj... 阅读全文

摘要： 布局使用文本，小图标段落文本，偶尔布局使用icons sprites文本加强超链接h1-h6标题源代码 || 文本通常会保留空格和换行符 无序列表 导航 比较少用 文章标题 文章内容 文章内容 表单 单选按钮 多选按钮 多行文本输入框 button按钮 阅读全文

摘要： clientHeight返回一个元素的内部高度,包括填充但不包括滚动条的高度和边界。offsetHeight只读属性元素包括垂直填充和边界的高度,以像素为单位,作为一个整数。scrollHeight只读属性元素的高度测量的内容,包括内容在屏幕上不可见的部分。 阅读全文