CSS超级技巧大放送(7)

不见面看不看

不见面看不看

2016-01-29 12:10

CSS超级技巧大放送(7),CSS超级技巧大放送(7)
十七.调试技巧:层有多大?

当调试CSS发生错误,你就要象排版工人,逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色,这样就能很明显看到层占据多大空间。有些人建议用border,一般情况也是可以的,但问题是,有时候border 会增加元素的尺寸,border-top和boeder-bottom会破坏纵向margin的值,所以使用background更加安全些。

另外一个经常出问题的属性是outline。outline看起来象boeder,但不会影响元素的尺寸或者位置。只有少数浏览器支持outline属性,我所知道的只有Safari、OmniWeb、和Opera。

十八.CSS代码书写样式

在写CSS代码的时候,对于缩进、断行、空格,每个人有每个人的书写习惯。在经过不断实践后,我决定采用下面这样的书写样式:

selector1,
selector2 {
property:value;
}

当使用联合定义时,我通常将每个选择器单独写一行,这样方便在CSS文件中找到它们。在最后一个选择器和大括号{之间加一个空格,每个定义也单独写一行,分号直接在属性值后,不要加空格。

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

我习惯在每个属性值后面都加分号,虽然规则上允许最后一个属性值后面可以不写分号,但是如果你要加新样式时容易忘记补上分号而产生错误,所以还是都加比较好。

最后,关闭的大括号}单独写一行。

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

空格和换行有助与阅读。

展开更多 50%)
分享

猜你喜欢

CSS超级技巧大放送(7)

Html CSS布局 Div+CSS XHTML
CSS超级技巧大放送(7)

CSS超级技巧大放送(1)

Html CSS布局 Div+CSS XHTML
CSS超级技巧大放送(1)

s8lol主宰符文怎么配

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

CSS超级技巧大放送(2)

Html CSS布局 Div+CSS XHTML
CSS超级技巧大放送(2)

CSS超级技巧大放送(5)

Html CSS布局 Div+CSS XHTML
CSS超级技巧大放送(5)

lol偷钱流符文搭配推荐

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

CSS超级技巧大放送(6)

Html CSS布局 Div+CSS XHTML
CSS超级技巧大放送(6)

CSS超级技巧大放送合集

Web开发
CSS超级技巧大放送合集

lolAD刺客新符文搭配推荐

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

jsp的出错处理

jsp的出错处理

《天天炫斗》7阶经验副本攻略

《天天炫斗》7阶经验副本攻略
下拉加载更多内容 ↓