CSS样式命名规则及参考命名

网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率

操作方法

  • 01

    (1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center (2)导航 导航：nav 主导航：mainbav 子导航：subnav 顶导航：topnav 边导航：sidebar 左导航：leftsidebar 右导航：rightsidebar 菜单：menu 子菜单：submenu 标题: title 摘要: summary (3)功能 标志：logo 广告：banner 登陆：login 登录条：loginbar 注册：regsiter 搜索：search 功能区：shop 标题：title 加入：joinus 状态：status 按钮：btn 滚动：scroll 标签页：tab 文章列表：list 提示信息：msg 当前的: current 小技巧：tips 图标: icon 注释：note 指南：guild 服务：service 热点：hot 新闻：news 下载：download 投票：vote 合作伙伴：partner 友情链接：link 版权：copyright

  • 02

    注释的写法: /* Footer */ 内容区 /* End Footer */

  • 03

    样式文件命名 主要的 master.css布局，版面 layout.css专栏 columns.css文字 font.css打印样式 print.css主题 themes.css

  • 04

    网站布局： 网站采用目前最流行的960宽度布局；布局类型分为3栏和2栏两种方式。 两栏布局：主容器宽度为700px 副容器宽度为240px 三栏布局：依次为190px、510px、240px；

赞 (0)

相关推荐

  • INTEL Core 2 Duo系列CPU命名规则

    问题描述 INTEL Core 2 Duo系列CPU命名规则 解决方案 Core 2 Duo系列采用了全新的命名规则，由一个前缀字母加四位数字组成，形式是Core 2 Duo 字母 xxxx，例如Co ...

  • 型号再多眼不花 各大品牌液晶命名规则解析

    液晶显示器型号繁多 随着生产液晶显示器的厂商越来越多，每一个厂商或者品牌液晶显示器旗下都有不少型号的产品。而对于像三星、LG等液晶显示器大厂，它们的产品线更加丰富，因此产品也是种类繁多，其型号也着之变 ...

  • 文件和文件夹的命名规则介绍

    文件包含那几个部分，比如我们新建一个文件，他包括文件名和未见后缀名，后缀名也就是所谓的扩展名。一般后缀名是由3-4个字母组成的，比如我在word上写了一篇关于学习的文章，那可以命名文件的文件名前面为学 ...

  • 华为H3C交换机路由器命名规则详解

    一、设备版本规则 LI(Lite software Image)表示设备为弱特性版本。 SI(Standard software Image)表示设备为标准版本，包含基础特性。 EI(Enhanced ...

  • 关于病毒命名规则的说明

    很多时候大家已经用杀毒软件查出了自己的机子中了例如Backdoor. RmtBomb.12 .Trojan.Win32.SendIP.15 等等这些一串英文还带数字的病毒名,这时有些人就懵了,那么长一 ...

  • win10系统修改同名文件重命名规则的方法

    在win10系统下,用户在复制文件的过程中,如果遇到包含有重名文件的文件,那么系统默认使用"** 副本"的形式来重命名文件名,而对于"副本"这个命名规则我们是可 ...

  • Angular.JS中指令的命名规则

    命名规范 同一个AngularJS指令,在js文件和html文件中有着不同的命名规范:在js文件中使用标准的小驼峰命名法,在html文件中使用"小写字母+连接符"的命名法.如下表所 ...

  • CentOS磁盘与分区的命名规则详解

    在Linux中,没有盘符这个概念,通过设备名来访问设备,设备名存放在/dev目录中. 前面讲的SSD.SAS.SATA硬盘都属于SCSI接口类型的硬盘,在Linux中用sd来标识,而IDE硬盘是属于I ...

  • win系统怎么自定义设置新建文件夹的命名规则

    win系统怎么自定义设置新建文件夹的命名规则

    Win系统怎么自定义新建文件夹命名规则,下面小编介绍一下.具体如下:1. 右击电脑左下角的"开始"图标,弹出列表选择"运行"选项,也可以按快捷键"WI ...