Pretty

摘要： 'min-width' 和 'max-width' 限定内容宽度的范围'min-width' 和 'max-width' 设定负值是不合法的问题：在IE6中'min-width' 和 'max-width'是无效的IE6 DIV 的内容宽度是 'width' 的值，而不是 'min-width' 和... 阅读全文

摘要： 通常我们在给一个块级元素设置宽高的时候，该尺寸都是作用在content-box上的。问题：当浏览器工作在混杂模式下，作用的尺寸会不同，这将引起布局发生混乱。1.表格元素 TABLE 上的差异表格的内容区域是由其 border box 决定的，因此在 TABLE 上设置的 'width' 和 'hei... 阅读全文

摘要： 在页面中我们常常希望放在div里面的图片和div的大小一致，一般情况有如下：1.在div里面放置一张比div大的图片设置为背景，让背景图片和div等宽高的方法是加一个round，如下代码 1 2 3 4 5 6 13 14 15 16 17 2.div里面放置img... 阅读全文

摘要： 为文本框input添加文字输入提示，H5为input提供了一个placeholder属性。在支持H5的浏览器中，用此属性设置输入提示，简单方便，但是对于IE8以下版本，都不支持placeholder属性，此时必须通过另外的方式来实现输入提示。其实，我们可以利用label标签来模拟placeholde... 阅读全文

摘要： 圆角效果使人感觉网页更加协调美观，ie9、Opera 10.5、Safari 5、Chrome 4和Firefox 4及其以上版本都添加了对css3的支持，这让我们领略到了css3的强悍。传统的圆角生成方案，必须使用多张图片作为背景图案。css3的出现，使得我们再也不必浪费时间去制作这些图片了，而且... 阅读全文

摘要： 在css中float是浮动的意思，可以让元素浮动到自己想要的地方。属性值有：left，right，none，inherit（在IE8以下的任意版本不支持）与float相关的属性clear：属性值：left（清楚左边），right（清楚右边），both（清楚左右两边），none（无），inherit（... 阅读全文

摘要： 图像替换文本，为了保障有障碍用户能够顺利正常使用网站，同时优化搜索。 登录 此方法是在图片无法加载时，可以看到显示的文字，最好把文字的样式和图片中文字的样式设置的教一致，否则图片无法加载或加载的比较慢的情况下看到的界面效果会有明显差别。 阅读全文

摘要： block-level box:display 属性为 block, list-item, table 的元素，会生成 block-level box。BFC：块级格式化上下文，它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，这... 阅读全文

摘要： 1 2 3 4 5 6 7 8 9 10 11 阅读全文

摘要： 1 2 3 4 5 6 7 8 9 10 11 阅读全文