css编写注意事项(不定时更新)

CSS的编写是需要积累的,而一个好的css编写习惯对我们将来的成长是非常有利的,我会把我平时看到的或者遇到的会不定时的更新到这里,不时翻一下,但求有所进步。

如果各位看官也有看法和建议,评论下,我也会更新进来,谢谢!

1、css选择符是从右到左进行比配的,例如 #nav li,查找时先会去找到所有的li,然后再去筛选父元素,确定匹配的父元素......所以性能其实很差

 所以尽量减少深度

2、减少inline  CSS的数量

3、使用现代合法的css属性

4、避免使用后代选择符 ,尽量使用子代选择符

  #tp p{}   (父)                                         #tp>p{}  (子)

5、避免使用通配符  例如.mod *{}

6、命名尽量不缩写,除非一看就明白的单词

7、尽量统一用英文、英文简写或者统一使用拼音

8、css注释  <!-- --> 单行注释         /**/ 多行注释

9、有些属性必须符合浏览器兼容

10、全部小写,且每一项css定义成一行

11、所有装饰性的图片要写在css中

12、ID必须唯一且在文档中定义

13、css代码命名不建议使用中杠连接符

14、建议单位使用相对长度单位,如em和%

15、css中谨慎使用expression , 尽量不要使用

16、css中尽量不要使用滤镜,因为滤镜会影响代码读取速度和兼容性

时间: 2024-10-29 10:48:08

css编写注意事项(不定时更新)的相关文章

记Flume-NG一些注意事项(不定时更新,欢迎提供信息)

这里只考虑flume本身的一些东西,对于JVM.HDFS.HBase等得暂不涉及.... 一.关于Source: 1.spool-source:适合静态文件,即文件本身不是动态变化的: 2.avro source可以适当提高线程数量来提高此source性能: 3.ThriftSource在使用时有个问题需要注意,使用批量操作时出现异常并不会打印异常内容而是"Thrift source %s could not append events to the channel.",这是因为源码中

基本的Sql编写注意事项

基本的Sql编写注意事项 尽量少用IN操作符,基本上所有的IN操作符都可以用EXISTS代替. 不用NOT IN操作符,可以用NOT EXISTS或者外连接+替代. Oracle在执行IN子查询时,首先执行子查询,将查询结果放入临时表再执行主查询.而EXIST则是首先检查主查询,然后运行子查询直到找到第一个匹配项.NOT EXISTS比NOT IN效率稍高.但具体在选择IN或EXIST操作时,要根据主子表数据量大小来具体考虑. 不用“<>”或者“!=”操作符.对不等于操作符的处理会造成全表扫描

HTML+CSS编写规范

在任何一个项目或者系统开发之前都需要定制一个开发约定和规则,这样有利于项目的整体风格统一.代码维护和扩展.由于Web项目开发的分散性.独立性.整合的交互性等,所以定制一套完整的约定和规则显得尤为重要. 第一节 CSS样式文件的命名 建立样式表文件时,分类编写样式到下列样式表文件中,并统一放在[CSS]文件夹里: 主要 main.css 文字样式 font.css 表格 table.css 主题 themes.css 打印 print.css 补丁 mend.css 在项目初期,会把不同类别的样式

android AppWidget的使用以及利用TimerTask实现widget的定时更新

第一步:首先是Widget的定义声明: 在资源文件下的xml文件夹中建立文件example_appwidget_info.xml: <?xml version="1.0" encoding="utf-8"?> <appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android" android:initialLayout="@lay

常用小功能总结-不定时更新

Windows下使用eclipse开发android应用,搭配好模拟器等环境. 1.eclipse智能提示设置. 1)Windows→Preferences→Java→Editor→Content Assist 把200毫秒的时间改成20 2)Windows→Preferences→Java→Editor→Content Assist 然后修改:Auto Activation triggers for java的默认值“.”为".abc". 接着File→Export→Preferen

创建yum本地仓库,将阿里仓库同步到本地,并定时更新

很多时候为了加速自己内部的rpm包安装速度,都会搭建自己的yum源仓库,而使用系统光盘自带的源,由于软件版本比较落后,所以不太适用,而大家都在用的阿里仓库比较好用,所以就想到了把阿里仓库的rpm全部拉到本地,并做yum仓库的定时更新.这样既能保证软件包是最新的,也能保证软件的安装速度.那么下面来具体实施,搭建自己的yum本地仓库,并定时从阿里仓库同步过来. 第一步:下载阿里镜像的repo安装包,centos6就下载6的,7的就下载7的地址:https://mirrors.aliyun.com/r

iOS 属性修饰符记录 --不定时更新

重新审视了一下OC在属性修饰符,特意记录一下来.以后不定时更新 > retain:只有在非ARC下才会有效,所有如果在ARC下使用了retain修饰也白搭 如以下的data属性用retain修饰: #import <UIKit/UIKit.h> @interface MyView : UIView @property(nonatomic, retain) NSMUtableArray* data; @end 在对应的setter方法中,会以如下代码实现: if (_data != new

Android学习笔记(不定时更新)

在很久之前,我就想写写博客,不过本人比较懒,这几天心血来潮,决定开写博客,因为学习,实习,面试关系,不会定时更新,以下是我所学的知识,总结分享一下,如有不正确,希望各位轻喷. QQ:545662362.欢迎交流,因为第一次写博客,格式什么的也不是特别好.好了,学习目录如下 1.Android 开发环境搭建 2.Android 应用程序 3.Android 常用基本控件 4.Android 常用高级控件 5.Android 消息与广播 6.Service 后台服务 7.Android 数据存储与服

即日起,博客将不定时更新技术内容

Hello,everybody!这是我新开的博客,以后我会将我收藏的资源以及修改之后的资源发布到这里,希望对大家有所帮助. 同时,本人的个人贴吧也开通了,欢迎有志之士加入我这个大家庭,帮助更多开发者,共同学习,共同进步. 贴吧链接 吕昌辉吧 即日起,博客将不定时更新技术内容,布布扣,bubuko.com