摘要: html代码: 1 2 花瓣 3 4 5 6 关注 7 最新 8 最热 9 视频10 家居11 旅行12 13 css代码: 1 body,h1,ul { 2 margin:0; 3 } 4 ul li { 5 list-style-type:none; 6 } 7 #header { 8 width:100%; 9 border-top:solid 1px #ccc;10 border-bottom:solid 1px #cc... 阅读全文
posted @ 2013-06-26 14:06 Misaki Yui 阅读(382) 评论(0) 推荐(0) 编辑
摘要: 我们经常会遇到点击一个按钮弹出一个对话框和一个变暗的遮罩层,简单的写法只能让遮罩层覆盖浏览器的大小,那么怎么让遮罩层覆盖全部区域呢?css代码如下: 1 html,body { 2 height: 100%; 3 margin: 0; 4 padding: 0; 5 } 6 .mask { 7 height: 100%; 8 width: 100%; 9 position: fixed;10 _position: absolute;11 top: 0;12 z-index: 100;13 }14 .opacity {15 ... 阅读全文
posted @ 2013-06-26 13:50 Misaki Yui 阅读(1379) 评论(0) 推荐(0) 编辑
摘要: 1 .dyfirst:first-line {2 color: #050;3 }4 .dyfirst:first-letter {5 font-size: 300%;6 font-weight: bold;7 color: #000;8 float: left;9 } 阅读全文
posted @ 2013-06-26 13:44 Misaki Yui 阅读(472) 评论(0) 推荐(0) 编辑
摘要: 最近做网站遇到一类问题,怎么让页脚始终位于页面底部?当页面内容过少时,页脚会随着内容浮动。怎么做才能让页脚始终位于页面底部呢?最常见的一种方法是让footer绝对定位在content的底部,具体代码如下:html部分:1 2 3 4 5 css部分: 1 html,body {height: 100%;} #wrapper { 2 min-height: 100%; 3 height: auto !important; 4 height: 100%; 5 position: relative; 6 } 7 ... 阅读全文
posted @ 2013-06-08 18:03 Misaki Yui 阅读(451) 评论(0) 推荐(0) 编辑