HTML、CSS常用单词汇总

html-css010

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

CSS用word-spacing属性来设置单词的间距。例如:

<html>

    <head>

        <style type="text/css">

            p.spread {word-spacing: 30px}

            p.tight {word-spacing: -0.5em}

        </style>

    </head>

    <body>

        <p class="spread">This is some text. This is some text.</p>

        <p class="tight">This is some text. This is some text.</p>

</body>

</html>

效果如图:

可以看到,word-spacing属性既可以使单词间距变小,也可以变大。

对于中文,CSS区分不出来词,使用letter-spacing属性调节字之间的间距。

你的例子里,你需要把要调节间距的字符放到同一个标签内部,比如<p></p>中。如果不同标签之间的距离,用margin(外边距)或padding(内边距)都可以。

很多时候跟着书和不系统的视频学习,会发现没有方向,学了很多却不知道自己能够做出什么成绩。

学习要有一个清晰的职业学习规划,学习过程中会遇到很多问题,你可以到我们的web学习交流君 点击此处 ,

同时准备了基础,进阶学习资料。学友都会在里面交流,分享一些学习的方法和需要注意的小细节,每天也会准时讲一些项目实战案例。

在前端开发与探讨过程中熟悉并了解一些英语是非常关键的,下面整理了一些基础的前端英语单词,希望对给位有所帮助

首先、页面布局(layout)

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边框

相关资料:

详解html中页面跳转传递参数的问题

html5关于标签的知识吧

相信很多人在刚接触前端或者中期时候总会遇到一些问题及瓶颈期,如学了一段时间没有方向感或者坚持不下去一个人学习枯燥乏味有问题也不知道怎么解决,对此我整理了一些资料 喜欢我的文章想与更多资深大牛一起讨论和学习的话 欢迎加入我的学习交流群

关于书籍:需要学习资料的小伙伴们可以加群, 点击此处