随笔分类 -  CSS

纯CSS下拉菜单
摘要：1 2 3 4 5 Untitled Document 6 70 71 72 73 74 75 76 11177 12fdsfdf78 79 dfdsafasdfas80 adfasdfasdfdsa81 dfadsfdsfds82 ... 阅读全文
posted @ 2013-11-26 19:58 直来直往 阅读(258) 评论(0) 推荐(0)
DIV水平居中的几种方法
摘要：1、设置左右的margin为autodiv{ margin: 20px auto; width:800px; }此方法要有这个声明：并且，设置的居中元素要有一个固定的宽度；2、相对定位与负的边距div{ position:relative; width:760px; left:5... 阅读全文
posted @ 2013-11-05 15:06 直来直往 阅读(1006) 评论(0) 推荐(0)
CSS 3,选择器之伪元素选择器
摘要：伪元素选择器1、first-line伪元素选择器某个元素中第一行文字使用的样式2、first-letter伪元素选择器某个元素中文字的首字母（欧美文字）或者第一个字（中文或日文等汉字）的使用样式3、before伪元素选择器在某个元素之前插入一些内容4、after伪元素选择器在某个元素之后插入一些内容... 阅读全文
posted @ 2011-11-25 10:35 直来直往 阅读(398) 评论(0) 推荐(0)
CSS 3，选择器之属性选择器
摘要：CSS 3中增加了下面三种属性选择器1、[att*=val]如果元素用att表示的属性值中包含val，则该元素使用这个样式。eg. [id*=section]{background-color:red;} //像 id = "subsection"等id包含section的元素都使用这个样式2、[a... 阅读全文
posted @ 2011-11-24 14:59 直来直往 阅读(171) 评论(0) 推荐(0)
通过CSS控制图片样式，实现图片弹出效果
摘要：CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->1223344UntitledPage55585859596060616162626363646... 阅读全文
posted @ 2009-10-12 16:26 直来直往 阅读(577) 评论(0) 推荐(0)
三列布局高度都不固定
摘要：CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->test左侧内容中间内容中间内容中间内容中间内容中间内容右侧内容说明：给main元素定义了一个很... 阅读全文
posted @ 2009-09-11 11:31 直来直往 阅读(184) 评论(0) 推荐(0)
三列中间固定两边可变
摘要：CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->test左侧可变内容右侧可变内容中间固定内容说明：该样式中，同样是使用了负边界。由于负边界不能使... 阅读全文
posted @ 2009-09-10 20:20 直来直往 阅读(188) 评论(0) 推荐(0)
三列中右侧固定左边和中间可变
摘要：CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->test左侧可变内容,左侧可变内容中间可变内容,中间可变内容,中间可变内容,中间可变内容右侧固定... 阅读全文
posted @ 2009-09-10 20:18 直来直往 阅读(244) 评论(0) 推荐(0)
三列布局中有两列内容固定
摘要：CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->test父元素中右侧的内容content中左侧的元素处于中间的可变元素在页面结构中，最外层的是m... 阅读全文
posted @ 2009-09-10 17:28 直来直往 阅读(171) 评论(0) 推荐(0)
左右均能自适应的两列
摘要：CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->1234UntitledPage53132333435使用负边界的元素使用负边界的元素使用负边界... 阅读全文
posted @ 2009-09-10 17:04 直来直往 阅读(133) 评论(0) 推荐(0)
利用背景色的两列自适应
摘要：CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->1234test52122232425高度自适应的例子，注意元素高度的变化。高度自适应的例子，注... 阅读全文
posted @ 2009-09-10 17:02 直来直往 阅读(132) 评论(0) 推荐(0)