CSS代码编写的两则小技巧

八一救援

八一救援

2016-02-19 19:34

今天图老师小编要跟大家分享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;
   }
  第二种看起来的确格式化,但是不会在阅读上有任何帮助。写在一行内可以让你更快的找到需要的部分。

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

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

  分块书写代码

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

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

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

展开更多 50%)
分享

猜你喜欢

CSS代码编写的两则小技巧

Web开发
CSS代码编写的两则小技巧

应用CSS样式表技巧两则

Web开发
应用CSS样式表技巧两则

s8lol主宰符文怎么配

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

Windows技巧两则

windows 操作系统
Windows技巧两则

Delphi使用技巧两则

Delphi
Delphi使用技巧两则

lol偷钱流符文搭配推荐

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

QQ实用技巧两则

电脑入门
QQ实用技巧两则

DreamweaverMX2004技巧两则

Web开发
DreamweaverMX2004技巧两则

lolAD刺客新符文搭配推荐

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

利用DBCC PAGE查看SQL Server中的表和索引数据

利用DBCC PAGE查看SQL Server中的表和索引数据

如何实现Word文档禁止非法授权修改

如何实现Word文档禁止非法授权修改
下拉加载更多内容 ↓