absolute 绝对的active 活动的，激活的， 标记的一个伪类

align 对齐

alpha 透明度，半透明anchor 锚记 标记是这个单词的缩写

arrow 箭头

auto 自动

B

background 背景border 边框

banner 页面上的一个横条both 二者都是clear 属性的一个属性值

black 黑色bottom 底部，是一个CSS 属性

blink 闪烁box 盒子

block 块br 换行标记

blue 蓝色

bug 软件程序中的错误

body 主体，一个HTML 标记

building 建立

bold 粗体

button 按钮

C

cell 表格的单元格

color 颜色

center 中间，居中

contact 联系

child 孩子

content 内容

circle 圆圈

class 类别

css 层叠样式表

clear 清除

cursor 鼠标指针

cm 厘米

D

dashed 虚线

display 显示，CSS 的一个属

div 就是这个单词的缩写

decoration 装饰

document 文档

default 默认的

dotted 点线

double 双线

E

element 元素

F

father 父亲float 浮动

filter 滤镜，过滤器font 字体

first 第一个for 在循环语句中的一个保留字

fixed 固定的four 4 个

G

gif 一种图像格式green 绿色

gray 灰色

H

hack 常用于CSS 中的一些招数，或者类似于偏方的技巧

here 这里

hand 手

hidden 被隐藏

head 头部

home 首页

height 高度

horizontal 水平的

help 帮助

hover 鼠标指针经过时的效果，或称为“悬停状态”

I

Image 图像

inline 行内

important 重要的

inner 内部的

indent 缩进

italic 意大利体，斜体

index 索引

J

jpg 一种图像格式justify 两端对齐

L

language 语言

line 线

last 最后一个

link 链接

left 左边

list 列表

length 长度

M

margin 外边距

millimeter 毫米

max 最大的

min 最小的

medium 中间

model 模型

menu 菜单

move 移动

middle 中间

N

navigation 导航

none 无，不，没有

new 新的

O

object 对象

orange 橙色

one 一个

outer 外面的

only 仅仅

overflow 溢出

open 打开

P

padding 内边距

point 点

pointer 指针，指示器

purple 紫色

position 定位，位置

R

red 红色

resize 重新设置大小

relative 相对的

right 右边

repeat 重复，平铺

row 行

S

scroll 滚动

silver 银色

size 尺寸

square 方块

solid 固体，实线

static 静态的

solution 方案

strong 强壮，加粗的

son 儿子

style 样式

span 一个HTML 标记

T

table 表格title 标题

td 单元格的HTML 标记

top 顶部

text 文本

tr 表格中“行”的HTML 标记

transitional 过渡的

two 两个

three 三个type 类型

through 穿过

U

underline 下划线

uppercase 大写

upper 上面的

url 网址

V

vertical 竖直的

visited 访问过的

W

white 白色

width 宽度

Y

yellow 黄色

html超文本标记语言

css 层叠样式表

javascript 语言名字(类似python/php/c…)

title 标题

body身体

head头

div 盒子(类似收纳箱)

font字体

width 宽

height 高

background 背景

color 颜色

ul (Unordered List) 无序列表

ol (Ordered List) 有序列表

li (List Item) 列表项

dl (Definition List)自定义列表

form表单

action 地址

method 方法

input 输入框

text文本

password密码

radio 单选

checkbox多选

select 下拉菜单

option 选项

padding 内边距

margin 外边距

border 边线

solid 直线

dashed 虚线

dotted 点线

overflow溢出

hidden 隐藏

visibility 可见度

table 表格

thead 表头

tbody 表格内容

tr (table row) 行

td/th (table data, table headline)列

rowspan 合并行

colspan 合并列

collapse合并

position定位

relative绝对定位

absolute相对定位

fixed 固定定位

static 静态定位

script 脚本

string 字符串

number 数字

boolean 布尔

undefined 未定义

null空(None)

function函数

document文档

get 获取

element 元素

by 通过

id id

tagName 标签名

window 窗口

object 对象

array 数字(类似python中的list列表)

setInterval 定时器

clearInterval 清除定时器

$ 美元符号

next下一个

prev前一个（previous）

parent 父母/双亲

children孩子

click 点击

mouseleave 鼠标移开

mouseenter 鼠标进入

animate 动画

slide 滑动

fade渐进

show显示

hide隐藏

test测试

stopProperation 阻止冒泡

preventDefault 阻止默认行为

DOM document object model 文档对象模型

ajax啊甲克斯

type类型

url 统一资源定位符

data数据

dataTpye数据类型

success 成功

error 失败

done成功

fail失败

mustache胡子

computed计算

watch 监听

filters 过滤器

mounted 挂载，生成

axios vue中的ajax

let 变量

const 常量

是一种对web文档添加样式的简单机制，属于表现层的布局语言。

1.基本语法规范

分析一个典型CSS的语句：

p {COLOR:#FF0000BACKGROUND:#FFFFFF}

•其中"p"我们称为"选择器"(selectors)，指明我们要给"p"定义样式；

•样式声明写在一对大括号"{}"中；

•COLOR和BACKGROUND称为"属性"(property)，不同属性之间用分号""分隔；

•"#FF0000"和"#FFFFFF"是属性的值(value)。

2.颜色值

颜色值可以用RGB值写，例如：color : rgb(255,0,0)，也可以用十六进制写，就象上面例子color:#FF0000。如果十六进制值是成对重复的可以简写，效果一样。例如:#FF0000可以写成#F00。但如果不重复就不可以简写，例如#FC1A1B必须写满六位。

3.定义字体

web标准推荐如下字体定义方法：

body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif}

字体按照所列出的顺序选用。如果用户的计算机含有Lucida Grande字体，文档将被指定为Lucida Grande。没有的话，就被指定为Verdana字体，如果也没有Verdana，就指定为Lucida字体，依此类推，；

•Lucida Grande字体适合Mac OS X；

•Verdana字体适合所有的Windows系统；

•Lucida适合UNIX用户

•"宋体"适合中文简体用户

如果所列出的字体都不能用，则默认的sans-serif字体能保证调用

4.群选择器

当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔，：

p, td, li { font-size : 12px }

5.派生选择器

可以使用派生选择器给一个元素里的子元素定义样式，例如这样：

li strong { font-style : italicfont-weight : normal；}

就是给li下面的子元素strong定义一个斜体不加粗的样式。

6.id选择器

用CSS布局主要用层"div"来实现，而div的样式通过"id选择器"来定义。例如我们首先定义一个层

<div id="menubar"></div>

然后在样式表里这样定义：

#menubar {MARGIN: 0pxBACKGROUND: #FEFEFECOLOR: #666}

其中"menubar"是你自己定义的id名称。注意在前面加"#"号。

id选择器也同样支持派生，例如：

#menubar p { text-align : rightmargin-top : 10px}

这个方法主要用来定义层和那些比较复杂，有多个派生的元素。

6.类别选择器

在CSS里用一个点开头表示类别选择器定义，例如：

.14px {color : #f60 font-size:14px }

在页面中，用class="类别名"的方法调用：

<span class="14px">14px大小的字体</span>

这个方法比较简单灵活，可以随时根据页面需要新建和删除。

7.定义链接的样式

CSS中用四个伪类来定义链接的样式，分别是：a:link、a:visited、a:hover和a : active，例如：

a:link{font-weight : bold text-decoration : none color : #c00 }

a:visited {font-weight : bold text-decoration : none color : #c30 }

a:hover {font-weight : bold text-decoration : underline color : #f60 }

a:active {font-weight : bold text-decoration : none color : #F90 }

以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意，必须按以上顺序写，否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。