随笔分类 -  css

层首屏居中
摘要：<div style="position:absolute; width:740px; height:340px; left:50%; top:50%; margin:-170px 0 0 -370px; background:#f00;"></div> 阅读全文
posted @ 2012-12-08 16:13 一千零一夜 阅读(148) 评论(0) 推荐(0)
清除浮动
摘要：.clearfix:after{visibility:hidden;display:block;font-size:0;content:"\20";clear:both;height:0;}* html .clearfix{zoom:1;}/* IE6 */.clear{ clear:both;}:first-child+html .clearfix{zoom:1;}/* IE7 */.clearfix{zoom:1;}使用方法：在浮动层的外层调用clearfix样式clear:both;或者在浮动层下加：div样式添加上一个样式 阅读全文
posted @ 2012-12-08 16:04 一千零一夜 阅读(112) 评论(0) 推荐(0)
图片垂直剧中
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>无标题页</title> <style type="text/css"> ul{list-s 阅读全文
posted @ 2012-11-15 05:13 一千零一夜 阅读(197) 评论(0) 推荐(0)
对联广告
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>无标题页</title> <style type="text/css"> .r1{width 阅读全文
posted @ 2012-11-14 10:29 一千零一夜 阅读(207) 评论(0) 推荐(0)
层固定在底部的样式
摘要：<style type="text/css"> #bottomNav { background-color: red; z-index: 999; position: fixed; bottom: 0px; left: 0px; width: 100%; _position: absolute; /* for IE6 */ _top: expression(documentEl... 阅读全文
posted @ 2012-11-13 17:32 一千零一夜 阅读(925) 评论(0) 推荐(0)