摘要：
代码 演示 阅读全文
摘要：
演示1 演示2 阅读全文
摘要：
代码 预览 阅读全文
摘要：
有时候我们会有这种需求： 需要一个随着父框变化而变化，即自适应 本身形状不变，如圆针对自适应，我们可以采用百分比处理，但问题就出现在父框的宽高可能不等，即，要同时满足自适应和形状不变不能只靠百分比。于是我们可以利用padding-top,padding-bottom和border-top,border-bottom的百分比的“奇怪特性”——其百分比是相对于父框的宽，而非我们想当然的高。以下示例，我... 阅读全文
摘要：
绝对定位absolute往往和top、right、bottom、left合用，而有时我们会有这样的需求： 需要某个dom不影响其他dom， 需要此dom能在某个位置相对偏移。这看起来挺奇怪的，不过有时候我们的确需要这样的额效果,第一个要求很显然需要绝对定位，而第二个要求似乎就是相对定位的东西，那么我们应该如何实现呢，这里用到了margin和绝对定位结合，即：使用margin来定好位，使用top|r... 阅读全文
摘要：
在w3school中国上可以查看到这么一句话：定义和用法:focus 伪类在元素获得焦点时向元素添加特殊的样式。注释：IE 浏览器不支持此属性。说明这个伪类应用于有焦点的元素。例如 HTML 中一个有文本输入焦点的输入框，其中出现了文本输入光标；也就是说，在用户开始键入时，文本会输入到这个输入框。其他元素（如超链接）也可以有焦点，不过 CSS 没有定义哪些元素可以有焦点。不是所有的元素都具有:fo... 阅读全文
摘要：
后缀用来让服务器识别并调用解析引擎，比如php等，也让浏览器识别用来解析，如jpg等。但随着应用的概念的深入，url的精简显得悦来越重要，后缀对于用户而言是难记而又意义不打的事情。www的子域也在逐渐失去效用。不以用户为目的的网站都是耍流氓。www.xx.xx子域通过添加别名转到xx.xx即可。对于无后缀如xx.com/aa这类型的文件如下配置：在本地编写的文件，只要写入了相关的html标签，浏览... 阅读全文
摘要：
我承认我又标题党了，这里想说的是相对定位的设置有时候会起决定性的作用，比如在是否随滚动条移动时的控制。先上两个示例：position:static; 我定住了 移动滚动条看看~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ position:relative: 我动了... 阅读全文
摘要：
inline-block是个非常好的display值，使我们能同时对块级元素使用inline的属性和block的属性，来处理很多只单纯用一种很难解决或很多毛病的问题。比如居中、竖排、浮动等。是我个人非常喜欢的属性值之一～^_^首先我们知道ie8以及现代浏览器chrome firefox safari opera都很好地支持了inline-block,ie6、ie7虽然不支持inline-block... 阅读全文
摘要：
之前在CSS汉字竖写(column)里谈过使用css3的多栏布局实现文字竖写，而对于ie而言，其本身支持了不少文字排版的属性，比如writing-mode、direction、layout-flow等，可以实现文字的竖排，再结合inline-block我们也可以实现块级元素的竖排。首先先实现跨浏览器的元素竖排：方案： firefox chrome safari使用 column实现； ie6 ie... 阅读全文