熟手在行斥地HTML时,CSS定名即是省事的事,由于不有开荒过没有累积有思空见贯CSS定名,如下为各人收拾整顿CSS定名划定:

1、css命名大全(进入或者体会——CSS定名大全)

2、不克不及以数字一开始

过错的:

.2abc{... ...}

#8bcd{ ... ...}

以上以数字定名CSS决议器均是舛误的语法。

精确的:

.abc2{... ...}

#bcd8{... ...}

.a2bc{... ...}

#b8cd{... ...}

可以或许以英翰墨母最初与数字任意组合或纯英翰墨母都也许。

3、不克不及以特殊标识表记标帜定名

^%abc{... ...}

不克不及以其它无用标记最初定名。

id以“#”开头命名

class以“.”最初定名

4、非HTML单词不克不及作为标签命名

粗略:

div{width:120px}

对div标签抗衡设置120px宽度

p{font-size:20px}

对p标签对抗配置字体大小为20px

html标签可能直接加以赋与CSS。

舛错:

abc{width:120px}

非HTML标签不能作为标签一样来赋予css

5、CSS命名原则

无论id照常class自界说定名最好有定然意思,例如头部布局我们外层应用#header,底部#footer,这样经常使用居心义定名。

更多大家都在使用CSS定名://www.css5.com.cn/jiqiao/4.shtml

6、合理利用翻译器械匡助我们定名

CSS命名划定规矩要有意思,如果不会英文,也不是大家常用命名,另外小部分定名,可运用中文翻译成英文门径来命名,以容易有寄义的英文单词作为我们CSS定名。

CSS命名在线翻译器材:

1)、谷歌翻译:http://translate.google.cn/

2)、百度翻译:http://fanyi.baidu.com/

3)、网易有道翻译:http://fanyi.youdao.com/

7、决议合乎ID与CLASS

id不能乱用乱设置装备摆设,若是具有大结构构造,非凡构造,重要布局,且不反复运用的咱们或者以“#”命名 id来引用。假设是小一部分,可一再使用一般布局我们运用“.”英文句号定名 html中以calss援用。

html语言中div怎么起名,div css 命名规则技巧相关推荐

  1. 网页制作中规范使用DIV+CSS命名规则(转)

    网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则内容如下: 页头:header  如:#header{属性:属性值;}或.h ...

  2. DIV+CSS 之 网页切图过程中div+css命名规则

    网页切图过程中div+css命名规则 内容:content/container 导航:nav 侧栏:sidebar 栏目:column 标志:logo 页面主体:main 广告:banner 热点:h ...

  3. [转]常用的CSS命名规则

    (壹)常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrappe ...

  4. web标准化设计:常用的CSS命名规则

    常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左 ...

  5. 常用的CSS命名规则

    网页设计中常用的CSS命名规则: 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wra ...

  6. CSS命名规则--参考表

    CSS命名规则--参考表 **************************************************** CSS命名规则 ************************** ...

  7. html css 命名规范,浅谈css命名规则(新手必看)

    头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left rig ...

  8. html怎么给div命名,div+css命名规则和技巧

    对于新手来说,命名是一件很头疼的事情,各种div的镶嵌,命名的不好吧,可能要找半天才找到. 这是我从网上收集到的一些命名的技巧和规则. 命名的规则 1.所有的命名最好都小写,尽量不要大写和小写掺和着用 ...

  9. HTML5练习——布局练习01(内含5个基本的css命名规则)

    答案: <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8&q ...

最新文章

  1. arcgis for server 登陆manager失败解决办法
  2. WebService入门Demo
  3. SQL编程where子句与操作符
  4. linux下安装opencv4.4.0
  5. solaris如何启动ssh服务
  6. 【C++ primer】第七章 函数-C++的编程模块
  7. EF实体部分更新的问题
  8. javascript中Math.round获取小数点位数
  9. php把buffer转化为图片_PHP简单实现图片格式转换(jpg转png,gif转png等)
  10. 绿色数据中心“东数西算”全面启动
  11. Linux MySQL8.0.11版本升级到MySQL8.0.23【数据库备份】
  12. 携程java面经 一二HR面面经
  13. XAML中的Style
  14. TM1650代码记录(基于51单片机)
  15. 【JZOJ 省选模拟】向日葵人生
  16. 「MixMarvel征文」链游大厂MixMarvel,值得期待
  17. 夺命雷公狗---大型网站架构技术一览
  18. 关于时序InSAR的一些总结
  19. python:HEIC格式图片转JPG格式
  20. 【Unity】UI界面展示3D模型

热门文章

  1. 《火球——UML大战需求分析》(第1章 大话UML)——1.1 UML基础知识扫盲
  2. centos安装Fastdfs和Nginx并配置
  3. 【项目实战】轻松实现C/C++大作业:贪吃蛇大作战游戏!
  4. 单目标跟踪(sot)与多目标跟踪(mot)
  5. 股票k线图的技巧分析
  6. 游泳防水耳机哪个牌子的好、好用的游泳耳机推荐
  7. 原创:学习英语小助手(阅读粘贴的英文,使用MVVM)
  8. 【JQ组件】prettyPhoto使用介绍
  9. 怎么音频转换成文字?这几款转换软件值得你收藏
  10. 学以致用——Excel报表自动化方案探索