随笔分类 - Css
摘要：随着web app的兴起，rem这是个低调的css单位，近一两年开始崭露头角，有许多朋友对于它的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我认为rem是用来做web app它绝对是最合适的人选之一。 一、rem是什么？ rem（font size of the root elem
阅读全文
摘要：这里直接介绍我认为的最佳的侧边栏/分栏高度自动相等方法。核心的CSS代码如下（数值不固定）： margin-bottom:-3000px; padding-bottom:3000px; 再配合父标签的overflow:hidden 属性即可实现高度自动相等的效果。 举个简单的实例吧，如下CSS...
阅读全文
摘要：系统默认的滚动条样式，真的已经看的够恶心了。试想一下，如果在一个很有特色和创意的网页中，出现了一根系统中默认的滚动条样式，会有多么的别扭。 为了自己定义网页中的滚动条的方法，我真的已经找了很久了，就目前寻找的成果来说，找到了两个比较不错的 jQuery 插件：jScrollPane 和 mCusto...
阅读全文
摘要：以下是meta每个属性详解尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开，如果不规范将不会起作用。一、 //编码META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和 标题 注意： 该META标签定义了HTML页面所使用的字符集为GB213...
阅读全文
摘要：这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为： 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位； 3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。 px像素（Pixel）是相对长度单位，像素px是相对于显示器屏幕分辨率而言的。(引自CSS...
阅读全文
摘要：滚动文字 方向 #=left, right,up,down方式 #=scroll, slide, alternate 一圈一圈走！只滚动一次就停了来回滚动循环 #=次数；若未指定则循环不止(infinite) 只走 3 趟 速度 这是比较快的速度啦延时 啦啦啦，我走一步，停一停！外观(Layout)设置对齐方式(Align) #=top, middle, bottom 啦啦啦，我会移动耶！底色 #=rrggbb 16 进制数码，或者是下列预定义色彩：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,Fuchsia, White, .
阅读全文
摘要：如果你经常需要做前端页面，那么你一定多多少少需要解决页面的浏览器兼容问题。而浏览器兼容问题大部分也集中在对IE系列的兼容。这里就总结一下对IE系列的CSS Hack，记录一下，方便以后查阅。IE HackIE系列浏览器的hack大略如下：_nowamagic:1px;-----------ie6*nowamagic:1px;-----------ie7nowamagic:1px\0;----------ie89nowamagic:1px\9\0;--------ie9:root nowamagic:1px; ----ie9(实际情况可能ie9还是有问题，再用这种方式)这样就基本上就可以兼容所有
阅读全文
