随笔分类 - CSS
摘要:1.js放在head中会立即执行,阻塞后续的资源下载与执行。因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控。 正常的网页加载流程是这样的。 如果外部脚本加载时间很长(比如一直无法完成下载),就会造成网页长时间失去响应,浏览器就会呈现“假死”状态,这被称为“阻塞效应”。h
阅读全文
摘要:原文地址:http://www.cnblogs.com/whitewolf/p/4491707.html 目录 原文地址:http://www.cnblogs.com/whitewolf/p/4491707.html 目录 HTML 语法 HTML5 doctype 语言属性(Language at
阅读全文
摘要:div的100%是从其上一级div的宽高继承来的,所以必须设置其上一级div的宽度或高度,否则无效。 举例说明:父div(deman)宽300高200,子div(cc)如果在这个条件下设置divcc的宽高都为100%的话,那cc的确切大小就是父div的大小(宽300高200),在尝试中你会发现,di
阅读全文
摘要:目前几乎所有主流的浏览器都支持position属性("inherit"除外,"inherit"不支持所有包括IE8和之前版本IE浏览器,IE9、IE10还没测试过),以下是w3school对position五个值的解释: 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 元
阅读全文
摘要::before和:after的作用就是在指定的元素内容(而不是元素本身)之前或者之后插入一个包含content属性指定内容的行内元素,最基本的用法如下: 这段代码会在#example元素内容之前插入一个'#',以及在内容之后添加一个'$',插入的行内元素是作为#example的子元素,效果如下: H
阅读全文
摘要:background-image:url(data:image/gif;base64,R0lGODlhCwAMAMZjAElxvlNvtVRxtkp1v0p9wVh7vkqBwl58vml6vml7vm19qHJ+qXSBwXiAwHWBv2eFxk+QzHCJx36HwlCUzoKJw3eNylu...
阅读全文
摘要:如下,菜单栏的一部分,当按住Ctrl +鼠标 放大时,滑动横向滚动条,最后边的菜单栏就是这德行 ... 因为body的width造成这个问题,所以他采取了在body中加入min-width="1300px",之后就好多了
阅读全文
摘要:一、水平居中 需要设置两点: 1 设置DIV 的width属性即宽度。 2 设置div的margin-left和margin-right属性即可 代码: <div style="width:800px; margin-left:auto; margin-right:auto; color:White
阅读全文