HTML、CSS常用单词汇总

html-css026

HTML、CSS常用单词汇总,第1张

A

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 黄色

https://codepen.io/alphardex/pen/XWWWBmQ

通过animation-delay来控制相同的元素(div)不同延时显示动画

https://codepen.io/alphardex/pen/KKwvKGY

用JS将句子或单词分割成字母,并给每个字母加上不同延时的动画。

https://codepen.io/alphardex/pen/eYYMYXJ

如果要从中间元素开始交错的话,就要给当前元素的延时各加上一个值,这个值就是中间元素的下标到当前元素的下标的距离(也就是下标之差的绝对值)与步长的乘积,即:delay + Math.abs(i - middle) * step,其中中间元素的下标middle = letters.filter(e =>e !== "").length / 2

https://codepen.io/alphardex/pen/dyPorwJ

broswer 浏览器(客户端)

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 常量