cbwcwy - 博客园

2012年8月26日

摘要： 1 float元素添加display:inline解决IE6双边距浮动的bug2 float父元素添加overflow:hidden，使得父元素被撑开，因为子元素是float不占用页面空间，清除浮动3 页面width:80%弹性布局，适应不同宽度的屏幕阅读全文

posted @ 2012-08-26 20:59 cbwcwy 阅读(199) 评论(0) 推荐(0) 编辑

html css jquery练习（简单漂亮的红色二级菜单）

摘要： <html><head><style type="text/css">.list{width:800px;height:40px;background-color:#D5000A;border-radius:5px;box-shadow:-2px 2px 5px black;margin:auto;text-align:left;}.nav{list-style:none;}ul.nav li{float:left;padding:5px 10px;cursor:pointer;position:relative;}ul.nav li a 阅读全文

posted @ 2012-08-26 08:21 cbwcwy 阅读(5766) 评论(0) 推荐(0) 编辑

2012年8月25日

display和visibility,div和span,relative和absolute

摘要： display和visibility,div和span,relative和absolutedisplay和visibility,div和span,relative和absolute 这三个相信很多人新人朋友没有弄明白.本文来简单介绍一下.希望对你有所帮助~一、display和visibility的区别 display:none和visibility:hidden都可以隐藏一个元素但visibility:hidden只是隐藏了元素的内容，但其使用的位置空间仍然被保留。而display:none则相当把元素从页面中去除，其占用位置也将被删除。二、div和span的区别 div是一个块级... 阅读全文

posted @ 2012-08-25 11:18 cbwcwy 阅读(332) 评论(0) 推荐(0) 编辑

2012年8月24日

Html:元素水平居中方案总结

摘要：先来看我一个简单XHTML/HTML文件代码（部分），我们的目的是让#container水平居中。<body><divid="container"><h1>content</h1><p>Loremipsumdolorsitamet,consectetueradipiscingelit.Phasellusvariuseleifend.</p></div></body> 使用自适应边界（automargin）水平居中任意元素的首选办法是使用边界（margin）性质（property 阅读全文

posted @ 2012-08-24 23:35 cbwcwy 阅读(19712) 评论(0) 推荐(1) 编辑

IE6 bug(一)

摘要： 2011-12-02 10:22660人阅读评论(0)收藏举报1.IE6的[疯狂之一]IE6中奇数宽高的BUGIE6真是太疯狂了。今天由于项目需要做了这么一个布局：一个外部的相对定位div，内部一个绝对定位的div（right:0），如图：可是在IE6下查看，却变成了right:1px的效果了：IE6还有奇数宽高的bug，解决方案就是将外部相对定位的div宽度改成偶数。高度也是一样的查看源码：CSS代码:#out {width: 609px;/*这里宽度为奇数，bug就出现了！！改成偶数就OK了*/height: 300px;position: relative;background:#FF0 阅读全文

posted @ 2012-08-24 15:29 cbwcwy 阅读(221) 评论(0) 推荐(0) 编辑

常用正则表达式

摘要：说明：正则表达式通常用于两种任务：1.验证，2.搜索/替换。用于验证时，通常需要在前后分别加上^和$，以匹配整个待验证字符串；搜索/替换时是否加上此限定则根据搜索的要求而定，此外，也有可能要在前后加上\b而不是^和$。此表所列的常用正则表达式，除个别外均未在前后加上任何限定，请根据需要，自行处理。说明正则表达式网址（URL）[a-zA-z]+://[^\s]*IP地址(IP Address)((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)电子邮件(Email)\w+([-+.]\w+)*@\w+([-.]\w+) 阅读全文

posted @ 2012-08-24 10:57 cbwcwy 阅读(171) 评论(0) 推荐(0) 编辑

2012年8月23日

产品（百度七夕专题）

摘要：背景是情侣相拥看夕阳的图片，温馨感人，奠定爱情的基调，整个页面是白色、粉色、红色和蓝色字体，清新温暖，充满爱情的小温馨。空白背景处与百度听页面相似，灰白的分割，像信纸或者书页，很有质感。整个七夕专题按时间划分，18岁 25岁 35岁 50岁，右侧跳到按钮像一条手链，点一个按钮即可跳到相应的时间段。 18岁-25岁青涩爱恋分为三个部分：爱在青春年少时，点击会跳到百度经验，有很多过七夕的策略，以及恋爱技巧之类的东西，觉得这种是给18岁的孩子看的，呵呵，想想年龄段划分的不错，到了25岁以后，估计这些问题关注的就少了。百度知道相关的：关于爱情，中国人在想什么，利用百度知道的平台，剖... 阅读全文

posted @ 2012-08-23 00:44 cbwcwy 阅读(262) 评论(0) 推荐(0) 编辑

2012年8月22日

锋利的jquery 网页选项卡

摘要： 1 <html> 2 <head> 3 <style type="text/css"> 4 .tab_menu{ 5 border:0px solid red; 6 height:18px; 7 width:200px; 8 } 9 ul{10 list-style:none;11 display:inline;12 }13 li{14 float:left;15 margin:0 3px;16 border:1px solid grey;17 font-size:80%;18 }19 .selected{20 background-co 阅读全文

posted @ 2012-08-22 11:06 cbwcwy 阅读(281) 评论(0) 推荐(0) 编辑

2012年8月20日

CSS符号属性

摘要： list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/ list-style-type:disc; /*实心圆形符号*/ list-style-type:circle; /*空心圆形符号*/ list-st 阅读全文

posted @ 2012-08-20 00:42 cbwcwy 阅读(1829) 评论(0) 推荐(0) 编辑

CSS display:none和visibility:hidden区别

摘要：这里向大家描述一下CSS display:none和visibility:hidden的区别，visibility:hidden隐藏，但在浏览时保留位置；而CSS display:none视为不存在，且不加载！你知道CSSdisplay:none和visibility:hidden的区别吗，这里和大家分享一下，使用CSS display:none属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;而使用visibility:hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在。CSS display:none和visibility 阅读全文

posted @ 2012-08-20 00:29 cbwcwy 阅读(707) 评论(0) 推荐(0) 编辑