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