请选择 进入手机版 | 继续访问电脑版
贠老师培训群:150322713    贠老师QQ:767708506

贠老师office培训-excel学习网

 找回密码
 立即注册
点击咨询贠老师
查看: 197|回复: 6

CSS代码编写技巧

[复制链接]

607

主题

604

帖子

1909

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1909
发表于 2016-1-20 22:14:59 | 显示全部楼层 |阅读模式

CSS代码编写的两则小技巧

在一行内声明CSS

我们来对比下面两段代码:

h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}
h2 {
font-size:18px;
border:1px solid blue;
color:#000;
background-color:#FFF;
}

第二种看起来的确格式化,但是不会在阅读上有任何帮助。写在一行内可以让你更快的找到需要的部分。

以前我也是写成类似第二种方式,但是逐渐发现就像文章说的一样,没多大用。一行看起来又爽快又省地方还能让文件更小。

分块书写代码

这样书写代码可以让CSS更页面化,在出现问题时候可以最短时间内找到问题所在。就像下面这样:

#content {float:left;}
#content p { … }
#sidebar {float:left;}
#sidebar p { … }
#footer {clear:both;}
#sidebar p { … }
回复

使用道具 举报

1

主题

880

帖子

7

积分

注册会员

Rank: 2

积分
7
发表于 2016-6-5 13:13:36 | 显示全部楼层
楼主不错
回复 支持 反对

使用道具 举报

3

主题

1016

帖子

53

积分

注册会员

Rank: 2

积分
53
发表于 2016-8-26 11:47:20 | 显示全部楼层
还有许多问题不明白,有点恼火啊!
回复 支持 反对

使用道具 举报

1

主题

910

帖子

5

积分

注册会员

Rank: 2

积分
5
发表于 2017-6-6 14:53:10 | 显示全部楼层
很不错的帖子,又学到了,力挺
回复 支持 反对

使用道具 举报

3

主题

1016

帖子

53

积分

注册会员

Rank: 2

积分
53
发表于 2017-12-5 11:18:54 | 显示全部楼层
写的不错,支持一下哟
回复 支持 反对

使用道具 举报

0

主题

652

帖子

102

积分

注册会员

Rank: 2

积分
102
发表于 2017-12-27 18:24:59 | 显示全部楼层
太给力啊 跪谢啊
回复 支持 反对

使用道具 举报

0

主题

977

帖子

52

积分

注册会员

Rank: 2

积分
52
发表于 2018-11-27 17:31:46 | 显示全部楼层
不错,学习了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



陕ICP备15003731号  

贠老师培训 GMT+8, 2018-12-14 23:01 , Processed in 0.226541 second(s), 33 queries .

快速回复 返回顶部 返回列表