随笔分类 -  css

转载:em(倍)与px的区别
摘要:转载出处:http://www.cnblogs.com/showker/archive/2010/05/24/1742821.html在国内网站中,包括三大门户,以及“引领”中国网站设计潮流的蓝色理想,ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而 在大洋彼岸,几乎所有的主流站点都使用em作为字体单位,也就是可调的。没错,px比em更加容易使用,大部分读者不知道em为何物或者它相当于多少 px。国外人士如此重视网站易用性(Accessibility),不仅因为其根生蒂固的人文精神,直接原因可能是因 为有一部法律来约束他们—例如美国的Section 508,强制网站 阅读全文

posted @ 2013-12-23 00:02 木没有 阅读(239) 评论(0) 推荐(0)

html css:背景图片链接css写法
摘要:图片作为背景,并且是链接的写法。例如网站的logo图片。例如:土豆的logo图片土豆网a{display:block;width:170px;height:42px;text-indent:-9999px;background:url(/skin/__g/img/ui/nav/v2_v6.png) 0 0 no-repeat;}由于z-indent的原因土豆网三个字是不会显示的。title属性是鼠标指向会显示的文本。链接背景图片,在正常情况下是显示不全的,因为链接是行内元素,并且对于a标签css中width height属性失效。改进方法,就是css中display:block;或者displ 阅读全文

posted @ 2013-10-31 16:47 木没有 阅读(995) 评论(0) 推荐(0)

css3圆角边框,边框阴影
摘要:border-radius向元素添加圆角边框,css3中的。IE9+chrome safari5+firefox4+现在都支持。可以向input div等设置边框。与border相似,可以四个角一起设置,也可以单独设置。语法:border-radius:1-4 length|%/1-4 length|%;-moz-border-radius:10px;支持旧的firefox-webkit-border-radius:10px;支持chrome按top-left, top-right, bottom-right, bottom-left顺序设置每个 radius 的值。如果省略 bottom-l 阅读全文

posted @ 2013-10-31 16:46 木没有 阅读(1706) 评论(0) 推荐(0)

input元素的padding border margin的区别
摘要:padding内(不包含padding)的部分才是可输入部分,也是width和height标明的区域。padding的部分加上width和height部分是background的部分。padding的外部是border的部分,border的外部是margin的部分。padding的宽度是不再width和height中的。2013-10-3116:29:22 阅读全文

posted @ 2013-10-31 16:27 木没有 阅读(589) 评论(1) 推荐(0)

2013-10-25笔记,css: mini-width, 标准居中,样式中*号使用,背景图像位置定位
摘要:mini-width:设置元素的最小宽度。該屬性值會對元素的寬度設置一個最小限制。因此,元素可以比制定值寬,但不能比制定值窄。不允許指定負值。完美的居中佈局:body{text-align: center; mini-width: 760px;}#wrapper{text-align: left; ... 阅读全文

posted @ 2013-10-31 15:42 木没有 阅读(259) 评论(0) 推荐(0)

css font-family 字体全介绍,\5b8b\4f53 宋体 随笔
摘要:font-family采用一种"回退"的形式来保存字体,可以写若干种字体。当第一种字体浏览器不支持的时候,会找第二种字体,一次类推。font-family字体分为两类:特殊字体系列:就是具体的每种字体,如:宋体、Times New Roman等通用字体系列:代表的是相似的一类字体。css规定的通用字体类型有5种,serif、sans-serif、monospace、cursive、fantasy 5种,通常浏览器都会支持每种通用字体里的一种字体,不支持的很少。因此,font-family组织的时候推荐使用前面若干种特殊字体,后面一种通用字体。西方国家字母体系分为两种:ser 阅读全文

posted @ 2013-10-31 09:32 木没有 阅读(3751) 评论(0) 推荐(0)

导航