CSS代码编写的两则小技巧

2016-02-19 19:34 5 1 收藏

今天图老师小编要跟大家分享CSS代码编写的两则小技巧,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - Web开发 】

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

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

  分块书写代码

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

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

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

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

来源:http://www.tulaoshi.com/n/20160219/1621334.html

延伸阅读
标签: Web开发
一、 去除超级链接的下划线以及在超级链接上实现鼠标悬停变色: 在默认情况下,用DreamWeaver设计的网页中的超级链接都有下划线,看上去不大美观。要去除这些讨厌的下划线,很多报刊介绍的方法都是在HTML源代码中手工加入一段代码,其实在DreamWeave中很容易去除链接的下划线。首先在DreamWeaver的Document Windows中随便建立一个链接...
标签: 办公软件
如图1所示,把鼠标放在一个DOC格式的文件上,就会出现一个黄色的提示框,显示出这个WORD文件的作者信息; 再看看图2,把鼠标放在一个WORD文件上,出现的黄色提示框,不仅有这篇WORD文件的作者信息,还有它的标题,主题,备注信息。很显然,面对一大堆WORD文件,如果想知道它们大概的信息,一个一个打开它们查看就很慢,如何...
问题:在多线程中调用Winform 我的WinForm程序中有一个用于更新主窗口的工作线程(worker thread),但文档中却提示我不能在多线程中调用这个form(为什么?),而事实上我在调用时程序常常会崩掉。请问如何从多线程中调用form中的方法呢? 解答: 每一个从Control类中派生出来的WinForm类(包括Control类)都是依靠底层Wind...
标签: 办公软件
近期学校组织全体教师课件大赛,我加班加点,熬制了两星期,课件终于出炉。正当我为自己的战绩陶醉时,课件的容量让我目瞪口呆。仔细查明,原来是我使用的图片个个都是BMP格式,容量均在几兆左右。怎么给课件减肥呢?看来减小图片容量是最好的办法。 1. 在PowerPoint 2000中引用的图片格式一般有三种,BMP、JPG、GIF,在这些格式中BM...
标签: windows 操作系统
1.用组策略控制 在Win2000/XP中,启动组策略,打开“用户配置→管理模板→Windows组件→InternetExplorer→浏览器菜单”,在右边窗口中双击“隐藏‘收藏’菜单”,在弹出的菜单选择“启用”,然后点击确定。 2.使用软件来隐藏 使用系统优化软件—Windows优化大师可轻松完成IE中隐藏我的收藏夹,具体步骤...

经验教程

119

收藏

75
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部