文本格式化标签
| 标签 |
标签 |
说明 |
| b |
strong |
加粗 |
| u |
ins |
下划线 |
| i |
em |
倾斜 |
| s |
del |
删除线 |
HTML常用标签含义及其对应英文
| 标签 |
标签含义 |
英文 |
英文含义 |
备注 |
| h |
标题 |
headline |
标题 |
|
| p |
段落 |
paragraph |
段落 |
|
| hr |
水平分割线 |
horizontal rules |
水平分割线 |
|
| b |
加粗 |
bold |
加粗/粗体 |
|
| strong |
加粗(强调语义) |
strong |
强壮的 |
|
| i |
倾斜 |
incline |
倾斜 |
|
| em |
倾斜(强调语义) |
emphasize |
强调 |
用倾斜来起到强调作用 |
| u |
下划线 |
underline |
下划线 |
|
| ins |
下划线(强调语义) |
insert |
插入 |
ins标签准确来说是:插入字效果 |
| s |
删除线 |
strikethrough |
删除线 |
|
| del |
删除线 |
delete |
删除 |
|
| br |
回车换行 |
break |
打破/折断 |
|
| img |
插入图 |
image |
图片 |
|
| src |
图片路径 |
source |
源头 |
img标签的属性 |
| width |
宽度 |
width |
宽度 |
标签属性 |
| height |
高度 |
height |
高度 |
标签属性 |
| title |
提示内容 |
title |
标题 |
img标签的属性 |
| alt |
替换的内容 |
alternative |
替换/交替 |
img标签属性 |
| border |
边框线 |
border |
边界 |
标签属性 |
| a |
超链接 |
anchor [‘æŋkə] |
锚点 |
|
| href |
超链接地址 |
hypertext reference |
超链接 |
a标签的属性 |
| target |
超链接在哪个窗口打开 |
target |
目标 |
a标签的属性 |
| _blank |
新窗口 |
blank |
空白 |
target属性值 |
| _self |
当前窗口 |
self |
自己 |
target属性值 |
|
空格符 |
non-breaking space |
不间断空格 |
|
| ul |
无序列表 |
unorder list |
无序列表 |
|
| li |
列表项 |
list item |
列表条目 |
|
| ol |
有序列表 |
order list |
有序列表 |
|
| dl |
自定义列表 |
defined list |
自定义列表 |
|
| dt |
自定义列表标题 |
defined title |
自定义标题 |
|
| dd |
自定义列表详情 |
defined detail |
自定义详情 |
|
| table |
表格 |
table |
表格 |
|
| tr |
行 |
table row |
表格行 |
|
| td |
单元格 |
table data |
表格数据单元格 |
|
| radio |
单选按钮 |
radio |
收音机 |
收音机的按钮只能按下一个(单选) |
| rows |
行数 |
rows |
行的复数 |
textarea属性 |
| cols |
列数 |
columns |
列的复数 |
textarea属性 |
| get |
get请求方式 |
get |
获取 |
|
| post |
post请求方式 |
post |
提交 |
|
| css |
层叠样式表(样式) |
Cascading Style Sheet |
层叠样式表 |
|
| font-family |
字体 |
font-family |
字体族/字体类型 |
|
| text-align |
内容对齐 |
text-align |
文字对齐 |
|
| text-indent |
文字首行缩进 |
text-indent |
文字缩进 |
|
| background |
背景 |
background |
背景 |
笔记中记录background为背景色,其实准确来说是背景.这个属性除了可以设置背景颜色,还可以设置背景图片等. |
| display |
显示模式 |
display |
显示 |
|
| block |
块级 |
block |
块 |
|
| inline |
行内 |
inline |
内联的 |
这里可以这样理解:line是行,in是在…里边.inline就是在行里边(行内) |
| none |
隐藏 |
none |
没有/消失 |
display属性值:none可以理解为消失(不占位置隐藏) |
| visibility |
显示 |
visibility |
能见度 |
|
| hidden |
隐藏 |
hidden |
隐藏 |
占位置隐藏(隐身) |
| class |
类样式 |
class |
类 |
|
| style |
行内样式 |
style |
风格/设计 |
|
| link |
外链式 |
link |
关系/连接 |
|
| rel |
关系 |
relationship |
关系/关联 |
|
| stylesheet |
样式单 |
stylesheet |
样式 床单 |
|
| important |
提权功能(变为最重要) |
important |
重要 |
|
| italic |
倾斜 |
italic |
斜体字 |
font-style属性值 |
| normal |
正常 |
normal |
正常 |
font-style属性值 |
| text-decoration |
文字修饰属性 |
decoration |
修饰/装饰 |
|
| overline |
顶划线 |
overline |
上划线 |
text-decoration属性值 |
| line-through |
删除线/贯穿线 |
through |
穿过 |
text-decoration属性值 |
| word-break |
强制打散单词换行 |
beak |
折断 |
|
| visited |
访问后 |
visited |
访问后 |
超链接伪类 |
| hover |
鼠标以上 |
hover |
悬浮/盘旋 |
超链接伪类 |
| active |
点击状态 |
active |
激活/积极 |
超链接伪类 |
| solid |
实线 |
solid |
固体的 |
border边框线条样式 |
| dashed |
虚线 |
dashed |
虚线 |
border边框线条样式 |
| repeat |
平铺 |
repeat |
重复 |
background属性值 |
| fixed |
背景图固定 |
fixed |
固定的 |
background属性值 |
| margin |
外边距 |
margin |
边缘 |
边缘可以理解为盒子外边的距离(盒子与盒子之间的距离) |
| padding |
内边距 |
padding |
填补/填充 |
填充意味着属于盒子内部的距离 |
| auto |
自动(自适应宽高) |
auto |
自动 |
margin/padding取值 |
| list-style |
列表样式 |
list,style |
列表,样式 |
|
| overflow |
溢出 |
overflow |
溢出 |
|
| hidden |
隐藏 |
hidden |
隐藏 |
overflow属性值(visibility属性值) |
| float |
浮动 |
float |
浮动 |
|
| position |
定位 |
position |
位置 |
|
| relative |
相对定位 |
relative |
相对 |
position的属性值 |
| static |
静态定位 |
static |
静态的 |
|
| absolute |
绝对定位 |
absolute |
绝对的 |
|
| cursor |
鼠标样式 |
cursor |
光标 |
|
| pointer |
小手 |
pointer |
指针 |
|
| border-radius |
边框半径(制作圆角矩形) |
radius |
半径 |
|
| filter |
滤镜 |
filter |
过滤器 |
|
| alpha |
透明度 |
alpha |
透明度 |
|
| opacity |
透明度 |
opacity |
不透明度 |
虽然翻译是不透明度,但是css中还是当做透明度处理了 |
| css sprite |
css精灵图 |
sprite |
精灵/雪碧 |
|
| background-attachment |
背景图固定 |
attachment |
附着 |
|
| wrap |
包裹 |
wrap |
包裹 |
|
| banner |
广告条 |
banner |
标语/横幅广告 |
|
| prefect |
完美 |
prefect |
完美 |
|
| course |
课程体系 |
course |
课程 |
|
| pilot |
领航者 |
pilot |
飞行员/领航者 |
|
| vertical-align |
垂直对齐方式 |
vertical |
垂直的 |
|
标签嵌套
p和h不能相互嵌套，p里面不能包含div，a标签内可以嵌套任意元素，但a不能嵌套a
CSS书写顺序(这样写浏览器的执行效率更高)
- 浮动/display/定位
- 盒子模型:margin, border, padding, 宽度高度背景色
- 文字样式