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 { … }

时间: 2025-01-25 20:40:10

CSS代码编写的两则小技巧的相关文章

初学:CSS代码编写的两则小技巧

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代码编写技巧

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

系统音量调节的两个小技巧

音量调节本来是一个很简单的动作,只是按按F11或F12来降低或增大音量就可以了,下面的两个小技巧有时也能派上用场,不妨试用下: 调节时静音:你一定会发现每次按F11或F12的时候都会伴随有一个音效,让用户知道当前的系统音量水平,这本来是一个很贴心的设计,但有时候环境很安静的时候你可能不希望系统发出这样不和谐的声音,其实很简单,只要你按着Shift键不放,再去使用F11或F12调节音量,你就会发现系统不再在调节的同时发声了. 1/4格的调整:如果你单线用F11或F12去调节音量,你会发现增加或减小

JAVASCRIPT代码编写俄罗斯方块网页版_javascript技巧

俄罗斯方块方块是小时候的一个回忆,从最开始的掌上的黑白游戏机,到电视游戏机,到电脑,无不有它的痕迹,今天我们来一起重温它的一种实现方法,也算是整理一下我的思路吧...... HTML+CSS+JS实现俄罗斯方块完整版,素材只有图片,想要的下载图片按提示名字保存,css中用的时候注意路径!!主要在JS中!JS附有详细注释 效果: 按键提示:[键盘按键] 素材:图片名字与代码里对应 1.背景图片:tetris.png 2.失败时候的弹出框图片:game-over.png 3.七种色彩小方块图片:  

代码发布!两个小函数让你的ASP程序对SQL注入免疫!

sql|程序|函数|函数 Rem ## 长整数转换 Function toNum(s, default) If IsNumeric(s) and s <> "" then toNum = CLng(s) Else toNum = default End If End Function Rem ## SQL 语句转换 Function toSql(str) If IsNull(str) Then str = "" toSql = replace(str,

find命令使用的两个小技巧分享

风信网(ithov.com)原创文章:今天我们来分享一下find命令中两个非常实用的小技巧,分别是以日期和文件扩展名来进行搜索,这两种方法在http://www.aliyun.com/zixun/aggregation/13744.html">管理服务器的过程当中,也是经常会用到的. find命令 用法: find [-H] [-L] [-P] [-Olevel] [-D help|tree|search|stat|rates|opt|exec] [path...] [expression

两招小技巧提高WinRAR的使用效率

WINRAR是现在最好的压缩工具,界面友好,使用方便,在压缩率和速度方面都有很好的表现.其压缩率比之WINZIP之流要高,3.x采用了更先进的压缩算法,是现在压缩率较大.压缩速度较快的格式之一.新增无需解压就可以在压缩文件内查找文件和字符串.压缩文件格式转换功能. WinRAR是大家比较常用的压缩软件,不过WinRAR3.6中有一些可以提升对压缩包操作速度的小技巧,不知道大家注意到了没有. WinRAR是大家比较常用的压缩软件,不过WinRAR3.6中有一些可以提升对压缩包操作速度的小技巧,不知

css控制table表格宽度的小技巧教程

对table表格宽度定义有直接table标签内使用width宽度属性定义其宽度,另外也可以通过css样式设置定义其宽度,根据需要可选择自己适用的定义宽度方法. 一.html table标签内宽度定义 我们直接在table标签内加入width宽度属性即可定义宽度如下: <table width="300"> 这样定义table宽度为300px,记住这个宽度的值不需要带html长度单位,默认以像素px为单位. 二.css定义table宽度 Css定义table宽度的css代码如

javascript两段代码,两个小技巧_javascript技巧

第一段代码就是强调一下这个用法,我在我的项目中使用了一个switch,后来我发现这样的代码好丑,于是我就写成||&&形式的, 后来测试性能的时候,发现性能竟然上了一个数量级,可见这种写法在某些情况下可以增加性能,但是我并不确定是何种情况才能提高性能,因为我测试在通常情况下switch和||&&的性能是差不多的. 原来的代码: 复制代码 代码如下: switch(this.now_char=this.str.charAt(this.index)){ case "/&