2024前端最新DIV+CSS规范命名大全集合

  • 所有的命名最好都小写

  • 属性的值一定要用双引号(“”)括起来,且一定要有值如class=“divcss5”,id=“divcss5”

  • 每个标签都要有开始和结束,且要有正确的层次,排版有规律工整

  • 空元素要有结束的tag或于开始的tag后加上"/"

  • 表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等

  • <h1><h5>的定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。

  • 给每一个表格和表单加上一个唯一的、结构标记id

  • 给图片加上alt标签

  • 尽量使用英文命名原则

  • 尽量不缩写,除非一看就明白的单词

DIVCSS5给大家介绍常见CSS命名和DIV CSS命名方法。

二、相对网页外层重要部分CSS样式命名: - TOP

外套 wrap ------------------用于最外层

头部 header /top----------------用于头部

主要内容 main/content ------------用于主体内容(中部)

左侧 main-left -------------左侧布局

右侧 main-right -----------右侧布局

导航条 nav -----------------网页菜单导航条

内容 content ---------------用于网页中部主体

底部 footer -----------------用于底部

三、DIV+CSS命名参考表: - TOP

以下为CSS样式命名与CSS文件命名参考表,DIV CSS命名集合:

| CSS样式命名 | 说明 |

| — | — |

| 网页公共命名 | 网页公共命名 |

| #wrapper | 页面外围控制整体布局宽度 |

| #container或#content | 容器,用于最外层 |

| #layout | 布局 |

| #head, #header | 页头部分 |

| #foot, #footer | 页脚部分 |

| #nav | 主导航 |

| #subnav | 二级导航 |

| #menu | 菜单 |

| #submenu | 子菜单 |

| #sideBar | 侧栏 |

| #sidebar_a, #sidebar_b | 左边栏或右边栏 |

| #main | 页面主体 |

| #tag | 标签 |

| #msg #message | 提示信息 |

| #tips | 小技巧 |

| #vote | 投票 |

| #friendlink/#homelink | 友情连接 |

| #title | 标题 |

| #summary | 摘要 |

| #loginbar | 登录条 |

| #searchInput | 搜索输入框 |

| #hot | 热门热点 |

| #search | 搜索 |

| #search_output | 搜索输出和搜索结果相似 |

| #searchBar | 搜索条 |

| #search_results | 搜索结果 |

| #copyright | 版权信息 |

| #branding | 商标 |

| #logo | 网站LOGO标志 |

| #siteinfo | 网站信息 |

| #siteinfoLegal | 法律声明 |

| #siteinfoCredits | 信誉 |

| #joinus | 加入我们 |

| #partner | 合作伙伴 |

| #service | 服务 |

| #regsiter | 注册 |

| arr/arrow | 箭头 |

| #guild | 指南 |

| #sitemap | 网站地图 |

| #list | 列表 |

| #homepage | 首页 |

| #subpage | 二级页面子页面 |

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

专业技能

一般来说,面试官会根据你的简历内容去提问,但是技术基础还有需要自己去准备分类,形成自己的知识体系的。简单列一下我自己遇到的一些题

最近得空把之前遇到的面试题做了一个整理,包括我本人自己去面试遇到的,还有其他人员去面试遇到的,还有网上刷到的,我都统一的整理了一下,希望对大家有用。

其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等

由于文章篇幅有限,仅展示部分内容

开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】]( )**

最近得空把之前遇到的面试题做了一个整理,包括我本人自己去面试遇到的,还有其他人员去面试遇到的,还有网上刷到的,我都统一的整理了一下,希望对大家有用。

其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等

由于文章篇幅有限,仅展示部分内容

  • 26
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值