[转]CSS代码命名惯例语义化的方法
CSS代码的命名惯例一直是大家热门讨论的话题。今天暴风彬彬想通过分析一个流行三栏布局中的必要元素,来为大家讲解关于使用语义化方法替代结构化方法来命名CSS类的建议和指导。
您还可以参考彬Go的相关文章:
《整理及优化CSS代码的7个原则》
《10个CSS简写技巧让你永远受用》
《DIV+CSS网页布局常用的一些基础知识整理》
CSS类命名的语义化VS结构化方式
一般而言,CSS类名的语义化声明方式应当考虑你的页面中某个相对元素的”用意”,独立于它的”定位”或确切的特性(结构化方式)。像left-bar, red-text, small-title…这些都属于结构化定义的例子。
让我们看看下面这个例子:

…而现在我们想把页面中的元素调换一下位置,如果你使用的是结构化方式(1),那么你就要把所有CSS类名重新进行定义,因为它们的位置变了。在布局(3)中,我们看到元素都倒转了: right-bar 现在成了 “left-bar”,而 left-content 成了 “right-content”。如果你使用语义化方式则避免了此类问题。

换句话说,使用语义化方式的话,你在修改网站布局的时候可以仅仅修改相关CSS类的属性即可,而不用修改它们的类名了,如果网站的代码很庞大,这将节省大量的时间。
彬Go会经常更新前端开发/网页设计等相关技术及教程文章,欢迎订阅本博客来及时浏览本博客的最新教程及资源。
[转]乾隆盛世是一个饥饿的盛世
一
公元1793年,也就是乾隆五十八年夏天,英国派出的第一个访华使团到达中国。
英国人对这个神秘的国度充满好奇。他们相信,中国就像马可波罗游记中所写的那样,黄金遍地,人人都身穿绫罗绸缎。
然而,一登上中国的土地,他们马上发现了触目惊心的贫困。清王朝雇佣了许多老百姓来到英使团的船上,为英国人端茶倒水,扫地做饭。英国人注意到这些人“都如此消瘦”。“在普通中国人中间,人们很难找到类似英国公民的啤酒大肚或英国农夫喜气洋洋的脸。”这些普通中国人“每次接到我们的残羹剩饭,都要千恩万谢。对我们用过的茶叶,他们总是贪婪地争抢,然后煮水泡着喝。”
使团成员约翰·巴罗在《我看乾隆盛世》中说:“不管是在舟山还是在溯白河而上去京城的三天里,没有看到任何人民丰衣足食、农村富饶繁荣的证明。……除了村庄周围,难得有树,且形状丑陋。房屋通常都是泥墙平房,茅草盖顶。偶尔有一幢独立的小楼,但是决无一幢像绅士的府第,或者称得上舒适的农舍。……不管是房屋还是河道,都不能跟雷德里夫和瓦平(英国泰晤士河边的两个城镇)相提并论。事实上,触目所及无非是贫困落后的景象。”
正则表达式修饰符
手册是没有,这些都是修饰符
i :如果在修饰符中加上”i”,则正则将会取消大小写敏感性,即”a”和”A” 是一样的。
m:默认的正则开始”^”和结束”$”只是对于正则字符串如果在修饰符中加上”m”,那么开始和结束将会指字符串的每一行:每一行的开头就是”^”,结尾就是”$”。
s:如果在修饰符中加入”s”,那么默认的”.”代表除了换行符以外的任何字符将会变成任意字符,也就是包括换行符!
x:如果加上该修饰符,表达式中的空白字符将会被忽略,除非它已经被转义。
e:本修饰符仅仅对于replacement有用,代表在replacement中作为PHP代码。
A:如果使用这个修饰符,那么表达式必须是匹配的字符串中的开头部分。比如说”/a/A”匹配”abcd”。
E:与”m”相反,如果使用这个修饰符,那么”$”将匹配绝对字符串的结尾,而不是换行符前面,默认就打开了这个模式。
U:和问号的作用差不多,用于设置”贪婪模式”。
Continue reading