rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。   rem是什么？     rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位…

重置 html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  b, …

用CSS截断字符串 方法一： <div style="width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;"> 任意长度的字符串 </div> 说明：优点是内容可以为任何HTML元素，包括超链接和图片等，在IE6中还会在结尾自动显示省略号。缺点是必须指定宽度数值，并且宽度不能是百分数，否则在IE中会被认为是字符总长的百分比。 方法二： <input type=”…

现在各种终端层出不穷，各种分辨率的显示屏让老旧的网站布局很难适应，设计师为了能适应不同分辨率设备或不同窗口大小下布局错位而头疼，针对移动端还要建设单独的移动站点，这样也太耗精力，这里有一种可以利用@media screen实现网页布局的自适应。 优点:无需插件和手机主题，对移动设备友好，能够适应各种窗口大小只需在CSS中添加@media screen属性，根据浏览器宽度判断并输出不同的长宽值以下是针对自用主题而写的css，对宽度768以下设备只保留主要文章框架，以便在有限的空间里获得最佳阅读体验。 也有人用js来计…

现在很多人会使用 CSS 框架进行快速建站。 那 CSS 框架是什么呢，它通常是一些 CSS 文件的集合，这些文件包括基本布局、表单样式、网格、简单组件、以及样式重置。使用 CSS 框架大大降低工作成本进行快速建站。 当然对于一些大型的项目，可能会很难照搬某些框架直接使用的，因为直接使用会带来一些限制或者冗余的问题。 但在 CSS 框架已经日趋成熟的今天，在我们设计项目架构、规范的时候，现时市面上一些优秀的框架也可以给我们提供很多可借鉴的地方。 本文主要从几个方面讨…

大部分前端er都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里我总结一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。 CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, …

一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解： 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： 基本样式库 /css/core  通用UI元素样式库 /css/lib  JS组件相关样式库 /css/ui  业务类的CSS是指和具体产品相关的文件，放在如下目录中： 读书 /css/book/  电影 /css/movie/  音乐 /css/…

在制作页面效果时肯定有碰到下面这种现象：当一个HTML页面中含有较少的内容时，Web页面的“footer”部分随着飘上来，处在页面的半腰中间，给视觉效果带来极大的影响，让你的页面看上去很不好看，特别是现在宽屏越来越多，这种现象更是常见。那么如何将Web页面的“footer”部分永远固定在页面的底部呢？注意了这里所说的是页脚footer永远固定在页面的底部，而不是永远固定在显示器屏幕的底部，换句话说，就是当内容只有一点点时，Web页面显示在浏览器底部，当内容高度超过浏览…

Hack是针对不同的浏览器去写不同的CSS样式，从而让各浏览器能达到一致的渲染效果，那么针对不同的浏览器写不同的CSS CODE的过程，就叫CSS HACK，同时也叫写CSS Hack。然后将Hack放在浏览器特定的CSS文件中，让其符合条件的浏览器解析这些代码，就如前面所说的条件样式，我们将CSS Hack代码放入条件样式文件中，符合条件的浏览器就解析，不符合的将不解析，从面达到您所需要的页面渲染效果。总的一句话来说使用CSS Hack将会使用你的CSS代码部分失去作用，然后借助条件样式，使用其原CSS代码在一些…

已重新编辑本文，当时可能是少复制了最底下部分内容，你就不能好好提醒一下？没看见前面转载都有留吗？非得以威胁的语气来说吗？你TMD以为是工信部啊？脑子被门挤了吧，还公布我的不良行为？你以为你是谁？SB行为，脑残？骂你是因为你口气不对，这样的人想起来就想拿块砖头砸过去，你要看到了就好好反省下吧。这个博客也就是平时没事记录下看到的好文章，我承认你们站的文章都挺好，但是就你这口气实在让人气愤，也懒得回你QQ，你们爱公布不公布，你TMD有能力关了我们这个站，我是无所谓   一、圆角制作    &…