加入收藏 | 设为首页 | 会员中心 | 我要投稿 济宁站长网 (https://www.0537zz.cn/)- 行业智能、边缘计算、专有云、AI硬件、5G!
当前位置: 首页 > 创业 > 经验 > 正文

掌握DIV+CSS网页布局的基础知识

发布时间:2018-08-21 12:35:46 所属栏目:经验 来源:站长网
导读:CSS教程栏目中汇集了大量的CSS知识,这些知识已经非常全面了,但很多CSSer新手初来本站,依然云里雾里,现整理一些DIVCSS网页布局常用的一些基础知识,供大家学习,欢迎补充及提一些建议。 CSS命名规范 一.文件命名规范 全局样式:global.css; 框架布局:
CSS教程栏目中汇集了大量的CSS知识,这些知识已经非常全面了,但很多CSSer新手初来本站,依然云里雾里,现整理一些DIVCSS网页布局常用的一些基础知识,供大家学习,欢迎补充及提一些建议。

  CSS命名规范

  一.文件命名规范

  全局样式:global.css;

  框架布局:layout.css;

  字体样式:font.css;

  链接样式:link.css;

  打印样式:print.css;

  二.常用类/ID命名规范

  页 眉:header

  内 容:content

  容 器:container

  页 脚:footer

  版 权:copyright 

  导 航:menu

  主导航:mainMenu

  子导航:subMenu

  标 志:logo

  标 语:banner

  标 题:title

  侧边栏:sidebar

  图 标:Icon

  注 释:note

  搜 索:search

  按 钮:btn

  登 录:login

  链 接:link

  信息框:manage

  ……

  常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID命名,则采用组合书写的模式,后一个单词的首字母应大写:诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn

(编辑:济宁站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读