一、导航类

导航:nav
主导航:mainbav
子导航:subnav
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
菜单:menu
子菜单:submenu
标题:title
摘要:summary

二、页面结构

容器:container
页头:header
内容:content/container
页面主体:main
页尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center

三、功能

标志:logo
滚动:scroll
广告:banner
标签页:tab
登录:login
文章列表:list
登录条:loginbar
提示信息:msg
注册:regsiter
当前的:current
搜索:search
小技巧:tips
功能区:shop
图标:icon
标题:title
注释:note
加入:joinus
指南:guild
状态:status
服务:service
按钮:btn
热点:hot
合作伙伴:partner
新闻:news
友情链接:friendlink
下载:download
版权:copyright
投票:vote

四、div英文释译

标题 : title
字体 : font
身体: body
大小: size
列表: list
文本: text
样式: style
对齐: align
图像: image
修饰: decoration
资源: source
线: line
宽度: width
穿过: through
高度: height
缩进: indent
行: line
斜体: italic
链接: link
加粗: bold
斜体 : italic
加重 weight
加粗 bold
宽 width
输入 input
高 height
下面的 under
背景 background
顶部 top
主体 main

五、css英文释译

重复 repeat
填充 padding
位置 position
正常 normal
显示类型 display
父级 parent
显示可见 visibility
子级 children
隐藏 hidden
顶部导航topnav
显示 visible
溢出 overflow
列表 list
样式 style
边框 border
导航 nav
广告图片 banner
行高 line-height
边界 margin
页眉 header

六、样式文件命名

主要的master.css
模块module.css
基本共用base.css
布局,版面layout.css
主题themes.css
专栏columns.css
文字font.css
表单forms.css
补丁mend.css
打印print.css

七、命名参考

登录条loginBar
标志:logo
侧边栏:sideBar
广告:banner
导航:nav
子导航:navBar
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joins
指南:guild
服务:service
热点:hot
新闻:news
按钮:btn
投票:vote
状态:status
合作伙伴:partner
外套:wrap
商标:label
顶导航:topnav
左导航:leftSideBar
右导航:rightSideBar
菜单内容:menuContent
菜单容器:menuContainer
注释:note
边导航图标:sidebarIcon
版权:copyright
友情链接:friendLink
容器:container
页脚:footer
当前:current
激活:active
购物车:shop
登录:login
注册:regsiter
下载:download
面包屑:breadCrumb

前端开发必备基础单词相关推荐

  1. web前端开发必备基础单词整理

    class 命名参考 #导航类 导航:nav 标题:title 摘要:summary 菜单:menu 子菜单:submenu 主导航:mainbav 子导航:subnav 顶导航:topnav 边导航 ...

  2. es6 获取对象的所有值_前端开发必备 - ES6 新特性之 Set和Map数据结构

    往期回顾: 前端开发必备 - ES6 新特性之 let 和 const 命令 前端开发必备 - ES6 新特性之 变量的解构赋值 前端开发必备 - ES6 新特性之 字符串的拓展 前端开发必备 - E ...

  3. Web前端开发必备工具推荐

    http://gaohaixian.blog.163.com/blog/static/12326010520114265223489/不管你做前端开发还是网页重构,前端工具都起着非常重要的作用,这里向 ...

  4. [转]前端开发必备神级资源(转载请删除括号里的内容)

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/weixin_43606158/arti ...

  5. 前端开发必备神级资源

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/weixin_43606158/arti ...

  6. 前端开发必备工具-网页调试工具

    前端开发必备工具-网页调试工具 在前端开发中我们经常会要调试页面,主要html.css调试和js调试,这里整理一些工具: 一.firefox网页调试插件 1.firefox插件Firebug 主要用于 ...

  7. 零基础不建议学前端_web前端开发零基础怎样入门-哈尔滨前端学习

    web前端开发零基础怎样入门-哈尔滨前端学习,俗话说,知己知彼,百战百胜.要想学好web前端,首先要了解什么是web前端,下面由小编来给大家介绍一下: 1什么是web? Web就是在Http协议基础之 ...

  8. 前端开发之基础知识-HTML(一)

    1.1 html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网 ...

  9. 前端开发必备工具:WhatFont Bookmarklet-方便的查询网页上的字体

    平常我们看到精美的网站时,可能很想了解它们的文字使用了哪些字体.WhatFont Bookmarklet可以帮助我们方便的查看网页中的某段文字是什么字体,是前端开发必备的绝佳工具. 使用方式     ...

最新文章

  1. 你连原理都还没弄明白?java的基本单位
  2. Analog使用中的一些技巧和总结
  3. ASP.NET2.0中的ClientScriptManager 类用法—如何添加客户端事件
  4. Head First JSP---随笔一
  5. css 语音,用css完成语音助手小动画
  6. 基于Docker搭建分布式消息队列Kafka
  7. 用于将带有查询字符串的复杂对象传递到Web API方法的自定义模型绑定器
  8. [Java] 蓝桥杯ADV-194 算法提高 盾神与积木游戏
  9. [转]HSPICE软件的应用及常见问题解决
  10. django创建博客
  11. android安装管理,android-使用下载管理器下载后安装apk,并退出...
  12. 测试理论基础(思维导图)
  13. InDesign CS3完全自学视频教程
  14. 浏览器解析jsx_jsx的本质
  15. 一般python程序员的工资_【Python程序员工资|Python程序员待遇怎么样】-看准网
  16. gitbub上传代码
  17. MySQL用户权限系统
  18. es查询-统计总数以及深度分页
  19. webpack安装及配置
  20. row xxxx doesn't contain data for all columns

热门文章

  1. 波音公司用区块链打击GPS欺骗攻击
  2. 一幅长文细学CSS3
  3. 字节流、字符流(精细讲解)
  4. 学习cesium,关于图层界面的切换
  5. 蓝牙定位5.0技术,高精度定位,你get到了吗?--新导智能
  6. 山西12月计算机二级考试,山西2019年12月计算机等级考试报名
  7. Syntax Error: Error: Missing binding G:\ones\fontend\oms\node_modules\_node-sass@7.0.1@node-sass\ven
  8. 【软件使用】Grammarly 使用指南
  9. Ubuntu配置大全
  10. android11开发版小米,MIUI:小米10系列因适配Android 11,开发版暂停更新!