CSS教程:驯服CSS选择器

世说诗语

世说诗语

2016-02-20 00:10

今天图老师小编给大家精心推荐个CSS教程:驯服CSS选择器教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)PPT:Taming CSS Selectors 作者:Nicole Sullivan 翻译:ytzong

CSS 文件的大小和所引起的 HTTP 的请求数

是 CSS 性能的最关键因素

回流(reflow)和渲染时间

(非常!)没那么重要

副本(duplication)比陈旧的规则(stale rules)更糟糕

因为我们有工具处理后者

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

定义缺省值

不要在每处都重复编码

不好的:

#weatherModule h3{color:red;}
#tabs h3{color:blue;}

推荐:

h1, .h1{...}
h2, .h2{...}
h3, .h3{...}
h4, .h4{...}
h5, .h5{...}
h6, .h6{...}

用单独的 class 来定义结构

不要在每处都重复编码

使用 class

而不是元素选择器

不好的:

div.error{...}

推荐:

.error{绝大多数代码写在这里}
div.error{单独定义}
p.error{单独定义}
em.error{单独定义}

展开更多 50%)
分享

猜你喜欢

CSS教程:驯服CSS选择器

Web开发
CSS教程:驯服CSS选择器

CSS教程:简化CSS选择器

Web开发
CSS教程:简化CSS选择器

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS入门教程:CSS选择器

Web开发
CSS入门教程:CSS选择器

CSS教程:征服高级CSS选择器

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
CSS教程:征服高级CSS选择器

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

渲染CSS选择器

Web开发
渲染CSS选择器

css 类选择器和id选择器

Web开发
css 类选择器和id选择器

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS教程:CSS制作3D立方体

CSS教程:CSS制作3D立方体

解决Win8系统玩游戏无故跳弹出桌面的办法

解决Win8系统玩游戏无故跳弹出桌面的办法
下拉加载更多内容 ↓