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关于标签的知识吧
相信很多人在刚接触前端或者中期时候总会遇到一些问题及瓶颈期,如学了一段时间没有方向感或者坚持不下去一个人学习枯燥乏味有问题也不知道怎么解决,对此我整理了一些资料 喜欢我的文章想与更多资深大牛一起讨论和学习的话 欢迎加入我的学习交流群
关于书籍:需要学习资料的小伙伴们可以加群, 点击此处