转 - 博客园

2011年10月6日

摘要： CSS 定位属性（Positioning）属性描述CSSbottom设置定位元素下外边距边界与其包含块下边界之间的偏移。2clear规定元素的哪一侧不允许其他浮动元素。1clip剪裁绝对定位元素。2cursor规定要显示的光标的类型（形状）。2display规定元素应该生成的框的类型。1float规定框是否应该浮动。1left设置定位元素左外边距边界与其包含块左边界之间的偏移。2overflow规定当内容溢出元素框时发生的事情。2position规定元素的定位类型。2right设置定位元素右外边距边界与其包含块右边界之间的偏移。2top设置定位元素的上外边距边界与其包含块上边界之间的偏移。2v 阅读全文

posted @ 2011-10-06 16:25 转阅读(140) 评论(0) 推荐(0) 编辑

display的值有哪些?

摘要：参数：block :块对象的默认值。用该值为对象之后添加新行none :隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间inline :内联对象的默认值。用该值将从对象中删除行compact :分配对象为块对象或基于内容之上的内联对象marker :指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before 伪元素一起使用inline-table :将表格显示为无前后换行的内联对象或内联容器list-item :将块对象指定为列表项目。并可以添加可选项目标志run-in :分配对象为块对象或基于内容之上的内联对象table :将阅读全文

posted @ 2011-10-06 16:10 转阅读(1631) 评论(0) 推荐(0) 编辑

2011年9月29日

文字添加阴影样式的例题

摘要： <title>文字阴影效果</title><style type="text/css">body{ margin:15px;font-family:"宋体";font-size:60px;font-weight:bold;}#block1{ position:relative; z-index:1; }#block2{ color:#AAAAAA;position:relative;top:-1.06em;left:0.1em;z-index:0;}</style></head><body 阅读全文

posted @ 2011-09-29 11:26 转阅读(272) 评论(0) 推荐(0) 编辑

复杂的菜单样式

摘要：有文字样式的阅读全文

posted @ 2011-09-29 11:24 转阅读(177) 评论(0) 推荐(0) 编辑

立体菜单

摘要： <style type="text/css">#menu{font-family:Verdana, Geneva, sans-serif;font-size:14px;}#menu a,#menu a:visited{text-decoration:none;text-align:center;color:#fff;display:block;width:10em;padding:0.25em;margin:0.5em auto;background-color:#8ab;border:2px solid #fff;border-color:#def #678 阅读全文

posted @ 2011-09-29 09:44 转阅读(109) 评论(0) 推荐(0) 编辑

浮雕行菜单

摘要： <style type="text/css">#menu{width:9em;margin:0 auto;font-family:Arial, Helvetica, sans-serif;font-size:14px;border:solid 1px #aaa;}#menu a,#menu a:visited{display:block;text-decoration:none;color:#000;line-height:1.4em;height:1em;border:0.5em solid #fff;}#menu a:hover{color:#fff;bac 阅读全文

posted @ 2011-09-29 09:22 转阅读(91) 评论(0) 推荐(0) 编辑

双竖线菜单

摘要： <style type="text/css">#menu{width:120px;background:#ccc;font-family:Arial, Helvetica, sans-serif;font-size:14px;margin:0 auto;padding:8px;}#menu a,#menu a:visited{display:block;height:1em;background-color:#fff;padding:4px 8px;color:#000;text-decoration:none;margin:8px 0;border-left: 阅读全文

posted @ 2011-09-29 09:21 转阅读(114) 评论(0) 推荐(0) 编辑

2011年9月26日

连接样式

摘要： <!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><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2011-09-26 11:31 转阅读(155) 评论(0) 推荐(0) 编辑

CSS盒子模式详解

摘要： CSS盒子模式详解用CSS排版<style type="text/css"></style> <div id="photoList"><img src=http://tech.ddvip.com/2007-07/"01.jpg" /><img src=http://tech.ddvip.com/2007-07/"02.jpg" 阅读全文

posted @ 2011-09-26 09:46 转阅读(156) 评论(0) 推荐(0) 编辑

最全的CSS浏览器兼容问题

摘要： CSS技巧1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 例如： <#div id=”imfloat”> 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再阅读全文

posted @ 2011-09-26 09:45 转阅读(112) 评论(0) 推荐(0) 编辑