06 2017 档案
摘要：<style> #div1{width:500px;height:100px;background:#888;font-size:5px;margin:0 auto;color:yellow;line-height:100px} </style> <script> window.onload = f
阅读全文
摘要：<style> .box{ width: 1000px; height: 450px; margin:0 auto; overflow: hidden;} .box div{ width: 20%; float: left; transition: all 1s;} img{ width: 600p
阅读全文
摘要：垂直居中单行文字 效果图： 多行文字的居中 效果图：
阅读全文
摘要：background 背景属性 我们知道元素有前景色color，与之对应的还有背景色，通过background我们可以为元素添加实色（background-color）和任意多个背景图片（background-image）。 css 背景常见属性 background-color backgroun
阅读全文
摘要：圣杯布局指的是一个网页由页眉，3等高列（2个固定侧栏和中心内容主体）和贴在页面底部的页脚组成。 主要思路是对整个容器使用地上diaplay:table 的css规则，然后分别对页眉页脚使用display：table-row的css规则。 对中间的mian容器使用中的左中右使用display:tabl
阅读全文
摘要：一、纵向菜单 效果图： 二、横向菜单 效果图： 三、下拉菜单 效果图： 纵向的下拉菜单 给最外层容器nav添加额外的一个类，vertical成为<nav id="nav1" class="vertical">。。。。<nav> 然后添加如下的css规则： 效果图：
阅读全文
摘要：一、vertical-align可以采用负值（正/负值根据基线上下移动），也可以采用百分比值，而这个百分比值不是相对于字体大小或者其他什么属性计算的，而是相对于line-height计算的。 此外，width,height,font-size的百分比是相当于父元素的相同属性的值来计算的； line-
阅读全文
摘要：父元素如何围住浮动的子元素的三种办法： 一、为父元素应用overflow：hidden。 overflow真正用途是防止包含元素被大的内容撑开，设定了宽度之后，包含元素将超过容器的内容减掉；而它还有另外一个作用就是迫使父元素包含其浮动的子元素。 二、同时浮动父元素。 三、添加非浮动的元素并清除它。
阅读全文
