CSS
z466459262
这个作者很懒,什么都没留下…
展开
-
ul~~~~'''
ul{ list-style-type:none; /*去掉list前面的点*/}#contents ul{ background: url(image/tel.gif) no-repeat 90% 30% ; color:#33CC33; height:30px; line-height:30px; /*垂直居中*/ text-align:center...原创 2010-05-07 16:42:00 · 111 阅读 · 0 评论 -
动态切换排行榜--音乐频道
[code]其实就是点一个隐藏一个,显示一个,然后用css排下版就可以了 v]神州榜 [v]香港榜/li> 勇敢的心[汪峰] 勇敢的心[汪峰] 勇敢的心[汪峰] 勇敢的心[汪峰] 勇敢的心[...原创 2010-05-27 21:28:03 · 183 阅读 · 0 评论 -
兼容性
[code]注意:ie6 中只有 支持 hover如果要向左边挤宽度:用padding-left 因为margin-left在ie6中解释会出问题(在用浮动的时候)所以在用浮动的时候尽量不用margin[/code]...原创 2010-06-08 19:48:30 · 83 阅读 · 0 评论 -
区块~~~
[code]一个标签 他占了一整行 只有区块才可以使用 width,height max-width min-width等等 width如果不写 就是默认auto 意思是随着父标记的改变而改变 min-heigth为初始的高度, 如果设置者东东,那么他的高度可以随着内容的增加而增加 max-heigth为增加到这个高度就不增加了,如果内容继续增加,会溢出...原创 2010-06-10 19:36:16 · 182 阅读 · 0 评论 -
浮动~~~
[code]clear 属性的值可以是 left、right、both 或 none,它表示框的哪些边不应该挨着浮动框。注意:ie对浮动的理解可能与火狐不同。。。。在ie中元素浮动后脱离文档流,文档流向上,但是又会被似乎脱离了文档流的东西给挤出去。。。哎 说不清[/code]...原创 2010-06-10 20:03:10 · 98 阅读 · 0 评论 -
溢出~~~
[code] overflow:visible; 溢出就溢出,照样能看见,这也是默认属性 overflow:hidden; 溢出就隐藏呗。。。溢出就不让看就。 overflow:auto; 这个属性就厉害啦,他十分的智能,十分的自动化,会出现一个滚动条来显示 overflow:scroll;这个属性很傻逼,总是显示滚动条,没溢出都显示。。哎。。。...原创 2010-06-10 20:20:19 · 224 阅读 · 0 评论 -
css--bug---display:none失效问题
[code]ie6中失效正常。。但是在ie8中也失效就说不过去了。。。。原因是:很可能你给这个元素的父级元素设置了高度造成的因为你很可能只隐藏了比如一个table中某部分。。。[/code]...原创 2010-10-09 16:36:08 · 1759 阅读 · 0 评论 -
css---bug---div中英文无法自动换行
[code]问题:在一个设定好宽度的div中,当我们输入的中文文字长度超过了设定宽度时,会自动换到下一行。但是,如果输入的是英文字母,那么,无论你div设定宽度为多少,英文字母都是不换行直接在同一行输出,导致div的宽度远远超出设定的大小。 原因:这是因为div中,英文字母之间没有空格的话,它会默认认为这是一个英文单词,所以单词就一次输出不换行。那么,难道我们得在每个字...原创 2010-10-13 15:25:34 · 222 阅读 · 0 评论 -
css引入方式
[code]一、使用STYLE属性将STYLE属性直接加在个别的元件标签里,这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』。二、使用STYLE标签 将样式规则写在...标签之中。 例如: 通常是将整个的 ...结构写在网页的 部份之中。这种用法的优点就是在於整篇文件的统一性,只要是有声明的的元件即会...原创 2010-11-16 11:14:31 · 88 阅读 · 0 评论 -
文字长度截取css
.g-csscut-more{ word-break:keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}使用方法11111111111111111111111111111111111111111111111111111111原创 2012-10-13 18:00:48 · 245 阅读 · 0 评论 -
音乐频道之音乐播放器布局
[code] [v]音乐台 中间写js来生成对象----这个里面放flash 如果您无法观看视频,请点击此处#video{width:500px;height:336px;background:url(images/flv_...原创 2010-05-27 19:47:43 · 189 阅读 · 0 评论 -
网页节目播放器布局
[code] [V]节目单 00:00-00:30 视网More 00:30-01:30 45 RPM 01:30-02:30 视网More 02:30-03:30 视网More 03:30-04:00 13亿分贝 04:00-05:00 酷乐LA 05:00-06:00 视网More 06:00-0...原创 2010-05-26 16:41:46 · 137 阅读 · 0 评论 -
img
写成一行----写成多行是不一样的,因为img是行内块img{ border:none;}原创 2010-05-26 11:28:21 · 129 阅读 · 0 评论 -
横向菜单
#nav ul{ background:red; height:51px; line-height:51px; text-align:center; }#nav ul li{ display:inline; background:yellow; height:51px;-------------这里的高度对li没有影响,那要怎么样...原创 2010-05-25 19:37:51 · 91 阅读 · 0 评论 -
文字排版可以用ul
#sidebar ul{ line-height:180%; ---- 使得行与行之间的高度变成原来的180%; text-indent:20px; ---- 首行缩进,使得每一个li都缩进了,不过这不能使得图片缩进}...原创 2010-05-25 19:51:08 · 113 阅读 · 0 评论 -
文本缩进,图片缩进
text-indent 文本缩进链接中间要么加文本 要么加图片,要么不加more但是图片不能居中, 所以把图片变成背景原创 2010-05-25 20:03:38 · 201 阅读 · 0 评论 -
一根横线怎么画
把一个li的地边框给显示出来#sidebar ul li.line{ border-bottom:1px solid #666; ---画一根横线 margin-left:20px; -----左边缩短20px margin-right:20px; height:50px; -----这样这根线就离上面有一段间距了 }...原创 2010-05-25 20:07:28 · 269 阅读 · 0 评论 -
画一条竖线
#sidebar{ width:251px; height:490px; ---背景是白色,后面那个图片在y轴显示(纵向显示) 而且在右边 //注意repeat-y只要一个小点就可以画成一条线 background:#fff url(../images/weline.gif) repeat-y right top; //下面这个需要图片是一根线 backg...原创 2010-05-25 20:25:37 · 399 阅读 · 0 评论 -
嵌入flash的注意事项
最好一行搞定如果要写成下面这样:那么要把embed变成一个区块#header embed{ display:block; width:867px; height:323px;}原创 2010-05-25 21:08:30 · 94 阅读 · 0 评论 -
颜色记录
#fff ----白色#000 ---黑色#ccc ---淡淡的灰色#06f ---淡淡的蓝色 一般a没有被触击时候用#60f ----深蓝色 触击时候用#cc0 -----有点黄绿的感觉,,,可以hover用...原创 2010-05-25 21:31:41 · 114 阅读 · 0 评论 -
图文混排,展示策略
思路: 先用dl把图和文字给放入一个区块,然后再浮动dl 楼盘展示 三盘领海 共计:5条记录 页次:1/1 每页:5条 上一页/下一页 #content dl{ width:250px; ---也可以更大 width:280px ---这样的好处是 使得左右两边的d...原创 2010-05-26 08:44:45 · 200 阅读 · 0 评论 -
table --css
[code] 边框线默认是2#content table{ width:80%; background:#ccc;---灰色的背景 ,因为只有边框没有被覆盖颜色,所以这里的ccc就是背景的颜色了}/*如果不在table 中写 cellspacing,那么可以这样#content table{ width:80%; background:...原创 2010-05-26 09:03:59 · 85 阅读 · 0 评论 -
css居中的5种方法
原文:http://www.qianduan.net/css-to-achieve-the-vertical-center-of-the-five-kinds-of-methods.html这个方法把一些 div 的显示方式设置为表格,因此我们可以使用表格的 vertical-align property 属性 Content goes here#wr...原创 2013-02-04 14:03:53 · 267 阅读 · 0 评论