随笔分类 -  CSS

css笔记
摘要:看网友推荐的一些资料的时候,动手实践时,遇到关于px与em的一些东西,找了一些东西,觉得这个还不错……px和em的特点和区别象素px是我们在定义CSS中经常用到的尺寸大小单位,而em在国外网站中经常被使用,px和em之间究竟有什么区别和特点呢?◆px像素(Pixel),相对长度单位。像素px是相对于显示器屏幕分辨率而言的。◆em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。因此用px来定义字体,就无法用浏览器字体放大的功能。任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0. 阅读全文
posted @ 2012-05-31 15:54 浅紫陌 阅读(182) 评论(0) 推荐(0)
摘要:这两天快累死了,肩膀又酸又痛,明显觉得自己已经成鼠标手了。唠叨完了,分享一个图片居中的css ,有更好用的,希望可以共同分享交流……html:<div style="width:100px;margin-bottom:10px;"><div class="img1"><a href="#"><img src="images/img1.jpg" width="75" height="75" /></a></div 阅读全文
posted @ 2012-05-16 15:35 浅紫陌 阅读(471) 评论(3) 推荐(0)
摘要:盒子模型(Box Model)是 CSS 的核心,现代 Web 布局设计简单说就是一堆盒子的排列与嵌套,掌握了盒子模型与它们的摆放控制,会发现再复杂的页面也不过如此,然而,任何美好的事物都有缺憾,盒子模型有两种不同的诠释,一种来自 IE6,一种来自 W3C 标准浏览器。盒子模型下图就是一个典型的盒子模型示意图在内容区外面,依次围绕着 padding 区,border 区,margin 区,这一模型结构在所有主流浏览器都是一致的。通过盒子模型,我们可以为我们的内容设置边界,留白以及边距,盒子模型最典型的应用是这样:我们有一段内容,可以为这段内容设置一个边框,为了让内容不至于紧挨着边框,可以设置 阅读全文
posted @ 2012-05-10 16:27 浅紫陌 阅读(692) 评论(8) 推荐(1)