一、布局❤️

header 头部/页眉;
index 首页/索引;
logo 标志;
nav/sub_nav 导航/子导航;
banner 横幅广告;
main/content 主体/内容;
container/con 容器;
wrapper/wrap 包裹(类似于container);
menu 菜单;
sub_menu/second_menu 子菜单/二级菜单;
list 列表;
section 分区/分块(类似于div);
article 文章;
aside 侧边栏/广告;
footer 页脚/底部;
title/sub_title 标题/副标题;
news 新闻;
hot 热点;
pro 产品(product);
company 公司;
msg/info 信息(message)/消息;
ads 广告(advertisements);
icon 小图标;
img 图片(image);
copyright 版权;
contact_us 联系我们;
friend_link 友情链接;
tel 联系电话(telephone);
address 地址;

二、CSS样式(style)❤️

CSS 层叠样式表 (Cascading Style Sheets) ;
background 背景;
position 位置/定位;
relative/absolute/fixed 相对定位/绝对定位/固定定位;
float 浮动;
clear 清除;
vertical-align: middle/top/bottom; 垂直居中/上/下;
line-height 行高;
margin 外边距;
padding 内边距;
border 边框;
solid/dashed/dotted 实线/线虚线/点虚线;
border-radius 圆角;
shadow 阴影;
display 展示;
hidden 隐藏;
block/inline-block 块元素/行内块;
overflow 溢出;
cursor 光标;
animation 动画;
css sprites 雪碧图/图片精灵;
column 分列;
flex 弹性(布局);

三、表单(form)与表格(table)❤️

form 表单;
action 行为;
method 方式/方法;
input 输入框;
label 标签;
password 密码;
radio 单选框;
checkbox 复选框;
btn 按钮(button);
submit/reset 提交/重置;
textarea 文本域;
select/option 选择框/选择项;
placeholder 占位符(起提示作用);
search 搜索;
icon 小图标;
autofocus 自动聚焦;
disabled 禁用;
checked 选中(单选框/复选框);
selected 默认选择项(下拉选择框);
required 必填项;
readonly 只读;
table 表格;
thead/tbody/tfoot 表格标题/主体/底部;
colspan 跨列;
rowspan 跨行;
cellspacing 单元格间距(类似于margin);
cellpadding 单元格边距(类似于padding);
border-collapse: collapse; 边框合并(用于table上);

最新文章

  1. webpack的使用
  2. dede织梦批量导入关键词
  3. 【转】Caffe初试(六)激活层及参数
  4. 设计模式之美:Flyweight(享元)
  5. Java设计模式-访问者模式(Visitor)
  6. NYOJ 298 点的变换
  7. codeforces Gym 100500H A. Potion of Immortality 简单DP
  8. android启动activity文本框不获得焦点
  9. Python开发【第十篇】:RabbitMQ队列
  10. Oracle Vm VirtualBox 搭建 yum 环境
  11. [ 高危 ] mt网主站SQL注入
  12. bzoj1531: [POI2005]Bank notes(多重背包)
  13. python-day39--mysql基本操作
  14. 使用python的Paramiko模块登陆SSH
  15. 【蓝桥杯单片机11】单总线温度传感器DS18B20的基本操作
  16. Android中startService的使用及Service生命周期
  17. 基于图形学混色问题OpenGl的收获
  18. 【数位DP】【SCOI2009】windy数
  19. 1018 Public Bike Management (30 分)(图的遍历and最短路径)
  20. 【51NOD】1486 大大走格子

热门文章

  1. RHEL安装神器EPEL
  2. django框架进阶-分页-长期维护
  3. IE11阅读视图:带给你静心饕餮阅读大餐的片刻
  4. 未释放资源的教训,开发MongoDB连接一定要关闭连接
  5. 我的第一个Quartz代码
  6. 使用apktool反编译apk文件
  7. 吴裕雄--天生自然HTML学习笔记:关闭8080端口被占用怎么办?关闭8080端口被占用
  8. SWUST OJ Euclid's Game(0099)
  9. 项目搭建到Linux--实用笔记
  10. LeetCode Problem 90. Subsets II