自我评价:走在路上的菜鸟,想着CMS|WEB|SEO,做着可以成为牛掰程序seoer的梦!

当前位置:博客 > 前端开发 > HTML|CSS代码 >

css命名规范及项目文件目录

作者:灰牛站长•发布时间:2021-07-12 01:52:44•浏览

css命名规范及项目文件目录

  1. 必须使用英文开头,并且开头字母一律小写
  2. 所有的命名最好都小写
  3. 尽量不要用缩写英,除非可以一目了然的
  4. 如果遇到相差不大 class或者id,主功能识别字母在前,位置识别字母在后,位置识别字母;第一个可大写(如: navTop, menuLeft)
  5. 遵循驼峰命名法:第一个单词的首字母小写,其余每一个有意义的单词的首字母大写(如:studentInfo, getElementById)
名称 标准
header
内容 content/container
footer
导航 nav
侧栏 sidebar
栏目 column
页面外围控制整体布局宽度 wrapper
左右中 left right center
登录条 loginbar
标志 logo
广告 banner
页面主体 :
热点 hot
新闻 news
下载 download
子导航 subnav
菜单 menu
子菜单 submenu
搜索 search
友情链接 friendlink
页脚 footer
版权 copyright
投票 vote
合作伙伴 partner
滚动 scroll
内容 content
标签页 tab
文章列表 list
提示信息 msg
小技巧 tips
栏目标题 title
加入 joinus
指南 guld
服务 service
注册 regsiter
状态 status

一个完整的文件目录包含如下文件:file{css/images/js/audio/video/font/index.html}

相关文章

  • css网页布局|三列布局-左右固定-中间自适应

    css网页布局|三列布局-左右固定-中间自适应

    基本思路: 和2列布局很相似 左右2列采用浮动+宽度 中间区域实际是用margin挤压出来的 DOM顺序不能写乱,必须先写左右再写中间 HTML结构 div class="left"左侧...
    2021-07-21 10.07.07
  • 代码技巧之常用快捷键的整理

    代码技巧之常用快捷键的整理

    常用快捷键的整理 ctr1+C复制 ctr1+V粘贴 ctrl+Z撤销 回到上一步操作 ctr1+D复制整行 ctr1+Z剪切整行 增加/删除单行注释ctrl+/ 增加/删除多行注释ctrl+shift+/ html注释...
    2021-07-12 11.07.53
  • z-index的特点

    z-index的特点

    思路: ➥z-index的结构/定位元素默认的z-index ➥z-index单位 ➥能不能用子元素和父元素比较 ➥父元素没有z-index,能不能通过子元素控制他们的层级=改变层级...
    2021-07-12 11.07.57
  • 定位元素的异同点

    定位元素的异同点

    定位的值 position: absolute绝对定位 position: relative相对定位 position: fixed固定定位 定位的相同点和不同点 ===相同点: 可以 设置top/ bottom/ left/right四个方位值,如...
    2021-07-12 11.07.09
  • 定位之固定定位

    定位之固定定位

    固定定位- position: fixed 脱离文档流; 参照物是浏览器的可视窗口;任何元素都可以设置固定定位; 可设置top/ bot tom/left/ right四个方位 可通过z-index改变层级 !...
    2021-07-12 11.07.38

手机端