HTML部分
一、html结构部分单词
- html: (Hyper Text Markup Language)超文本标记语言
- DOCTYPE:(Document Type)文档类型
- lang:(language)语言
- head:头
- body:身体
- meta:用于声明关键词
- charset:字符集
- title:标题
- name:名字
- content:内容
- initial-scale:初始缩放比例
二、常规标签和单词示意
- font:字体
- size:大小
- h:(headline)标题
- p:(paragraph)段落
- br:(break)换行
- hr:(horizon)水平分割线
- b:(bold)粗体
- strong:强壮
- i:(incline)倾斜
- em:斜体
- small:小
- big:大
- u:(underline)下划线
- del:(delete)删除线
- sub:(subscript)下标
- sup:(superscript)上标
- span:常用内联容器
- div:常用块级容器
- nav:(navigator)导航栏
- main:主体部分
- section:部分、单元
- article:文章
- aside:边栏
- a:(adress)链接地址
- href:(hypertext reference)超文本引用
- target:目标
- img:(image)图片
- src:(source)资源
- alt:提示文字
- width:宽度
- height:高度
- audio: 音频
- autoplay:自动播放
- controls:控制
- loop:循环
- muted:静音
- preload:预加载
- video:视频
- poster:海报
- source:资源
- type:类型
- style:样式
- li:(list)列表
- ul:(unordered list)无序列表
- ol:(ordered list)有序列表
- dl:(definition list)定义列表
- dt:(definition list title)定义列表标题
- dd:(definition list deta)定义列表数据单元格
- table:表格
- tr:(table row)表格行
- td:(table deta)表格数据单元格
- th:(table head)表格头部单元格
- thead:(table head)表格头部
- tbody:(table body)表格身体
- tfoot:(table foot)表格尾部
- caption:表格标题
- cellpadding:单元格内边距
- cellspacing:单元格间距
- border:边框线
- align:排列
- bgcolor:(background color)背景颜色
- summary:摘要
- colspan:跨列合并
- rowspan:跨行合并
- form:表单
- input:输入
- action:活动
- enctype:编码方式、编码类型
- method:方法、方式
- text:普通文本
- password:密码
- submit:提交
- buttom:按钮
- reset:重置
- radio:单选框
- checkbox:复选框
- file:文件
- hidden:隐藏
- color:颜色
- date:日期
- local:当地的
- month:月
- week:周
- time:时间
- email:电子邮箱
- number:数字
- range:范围
- search:搜索
- tel:(telephone)电话
- url:网址
- value:值、价值
- placeholder:占位符
- maxlength:最大长度
- readonly:只读
- disable:禁用
- checked:检查
- select:选择
- autofocus:自动聚焦
- multiple:多样的、多选
- option:选项
- textarea:文本域
- lable:标签、不干胶
- iframe:内嵌框架、内联框架
- scolling:卷动
- frameset:框架集
- resize:重置大小
CSS部分
- 常见单词属性和属性词单词示意
- css:(cascading style sheets)层叠样式表
- content:内容
- structure:结构
- presentation:表现
- behavior:行为
- selector:选择器
- property:属性
- class:类选择器、班级、类
- id:(identity)身份
- link:链接
- visited:浏览、访问
- hover:盘旋
- active:激活
- focus:聚焦
- after:在……之后
- before:在……之前
- target:目标
- child:子
- first:第一个的
- last:最后一个的
- nth:第n个的
- only:唯一
- type:类型
- empty:空
- not:表否定
- letter:字母
- line:行
- font-family:文字字体
- absolute:绝对的
- relative:相对的
- length:长度
- em:相对于父对象内文本的字体尺寸
- px:(pixed)像素
- rem:(root em)相对于根标签内文本的字体尺寸
- font-weight:字体厚重度
- normal:正常字体400
- bold:粗体700
- bolder:超级粗体900
- lighter:细体
- font-style:字体样式
- italic:斜体
- oblique:斜的
- line-height:行高
- red:红色
- orange:橙色
- yellow:黄色
- green:绿色
- blue:蓝色
- purple:紫色
- light:亮
- dark:暗
- white:白色
- black:黑色
- rgba:(red-green-blue-apparent)红绿蓝透明
- text-transform:文本转换
- capitalize:以大写字母开头
- uppercase:全部转为大写
- lowercase:全部转为小写
- text-decoration:文本装饰线
- underline:下划线
- blink:闪烁
- overline:上划线
- line-through:贯穿线
- letter-spacing:字间距
- word-spacing:词间距
- text-align:文本水平对齐
- left:左
- center:居中
- right:右
- vertical-align:垂直对齐
- baseline:底线
- top:上
- middle:中
- bottom:下
- text-indent:文本缩进
- white-space:空格
- pre:用等宽字体显示预先格式化的文本
- nowrap:不包裹、强制在同一行内显示所有文本
- text-overflow:文本溢出
- clip:修剪
- ellipsis:省略
- text-shadow:文本阴影
- word-wrap:自动换行
- break:打断
- background:背景
- transparent:背景色透明
- repeat:平铺
- position:位置、定位
- attachment:属性
- scroll:滚动条
- fixed:固定
- background-origin:背景起点
- background-clip:背景剪裁
- margin:外边距
- padding:内边距
- border-radius:圆角边框
- box-sizing:盒子模型
- content-box:标准盒子模型
- border-box:怪异盒子模型
- list:列表
- disc:实心圆
- circle:空心圆
- square:方块
- decimal:阿拉伯数字
- lower-roman:小写罗马数字
- upper-roman:大写罗马数字
- lower-alpha:小写英文字母
- upper-alpha:大写英文字母
- outside:外面
- inside:里面
- collapse:折叠
- separate:分离
- cursor:光标
- hand:手
- crosshair:十字丝
- wait:等待
- default:默认
- help:帮助
- float:漂浮
- overflow:溢出
- display:显示
- clear:清除
- block:块
- inline:行内
- index:指数
- sprites:精灵