HTML单词本

1 篇文章 0 订阅

HTML(Hypertext Markup Language)超文本标记语言

english音标中文
meta/ˈmetə/标签的优化/元标签
base/beɪs/基地 / 基础
title/ˈtaɪtl/标题
script/skrɪpt/脚本
link/lɪŋk/链接
doctype文档类型
charset字符集
paragraph/ˈpærəɡræf/段落
content内容
horizontal/ˌhɔːrɪˈzɑːntl/横线
divsion/dɪˈvɪʒn/分割 、 分配
span跨度、范围
strong、b粗体
em、i斜体
width宽度
height高度
target/ˈtɑːrɡɪt/目标、对象
cellspacing单元格之间的空白间距
cellpadding单元格与内容之间的空白间距
align排列方式
rowspan行合并
colspan列合并
type类型
radio单选按钮
checkbox复选框
button普通按钮
submit提交按钮
resrt重置按钮
checked定义默认选中
disabled定义默认禁选
textarea文本域
option选项
action行动
method方法、提交方式
document文档
section部分、节
placeholder/ˈpleɪshoʊldər/占位符(显示提示信息)
autofocus/ˈɔːtoʊfoʊkəs/自动获得焦点
multiple/ˈmʌltɪpl/多文件上传
autocomplete表单自动完成功能
required/rɪ’kwaɪrd/必需的、表单必填项
accesskey使元素获得焦点的快捷键
search搜索
range自由拖动滑块
embed标签定义嵌入的内容
audio播放音频

css(Cascading Style Sheets)层叠样式表

English音标中文
cascading/kæ’skeidiŋ/层叠
sheet薄片、工作表
weight/weɪt/重量
normal正常
bold粗的
bolder更粗的
lighter打火机、轻的
italic斜体
margin外边距
padding填补、内边距
visited拜访、已访问
hover徘徊、悬停
active积极的、选定的链接
aline对齐
decoration装饰、下划线
indent缩进
letter字母
word-spacing单词间距
opacity/oʊˈpæsəti/透明度
shadow影子、阴影
repeat重复、是否平铺
position位置
attachment/əˈtætʃmənt/附件、背景固定还是滚动、背景附着
scroll/skroʊl/卷轴、背景随内容滚动
fixed固定
transparent/trænsˈpærənt/透明色
linear-gradient线性变化、背景渐变
solid固体、单实线
dashed虚线
dotted点线
double双实线
collapse/kəˈlæps/倒塌
border-collapse细线边框、边框合并在一起
radius半径、设置圆角边框
sizing胶料、定型、定义盒模型
float浮动
both两者皆、float的默认属性
after在…之后
before在…之前
container/kənˈteɪnər/容器
position定位
relative相对定位
absolute绝对定位
static静态定位,定位默认值
fixed固定定位
overflow溢出
visible可见物、可见、overflow的默认属性
hidden隐藏
scroll卷轴、出现滚动条
auto自动、超出自动显示,不超出不显示
inherit继承、从父元素继承overflow属性
overfl-x:auto设置水平滚动条
text-overflow文本溢出
clip剪、直接裁切文本
ellipsis/ɪˈlɪpsɪs/文本溢出时显示省略号
white-space空白区域的处理
nowrap禁止自动换行
cursor/ˈkɜːrsər/光标、鼠标样式
default/dɪˈfɔːlt,ˈdiːfɔːlt/违约、系统默认值
pointer/ˈpɔɪntər/指针、小手样式
move移动、移动样式
text文本、文本插入样式
outline轮廓
resize调整大小、防止拖曳文本域
vertical-align垂直对齐
baseline基线对齐
middle垂直居中
sprite精灵
flex-direction调整主轴方向
column纵列、垂直排列
row水平排列、(默认)
justify-content证明、调整主轴对齐
flex-start(默认值)位于开头
flex-end位于结尾
center位于中心
space-between项目位于各行之间留有空白的容器内
space-around项目位于各行之前、之间、之后都留有空白的容器内
align-items调整侧轴对齐
stretch默认值。项目被拉伸以适应容器。
center垂直居中
flex-start顶对齐
flex-end底对齐
flex-wrap控制是否换行
nowrap默认值,不换行
warp必要的时候拆行或拆列
warp-reverse拆,但顺序相反
align-content多行垂直对齐方式
order命令、控制排列顺序,小在前
flex-grow定义项目的放大比例,默认是0,即存在剩余空间也不放大
flex-shrink定义项目的缩小比例,默认是1,即空间不足将缩小
transition过渡
property性能、应用过渡css属性的名称
duration/duˈreɪʃn/持续的时间。定义过的效果花费的时间
transition-timing-function过渡的时间曲线,默认ease
linear/ˈlɪniər/匀速
ease容易、逐渐慢下来
ease-in加速
ease-out减速
ease-in-out先加速后减速
transform改变、变形转换
translate翻译、平移效果
scale规模、缩放效果
rotate/ˈroʊteɪt/旋转效果(deg)
skew倾斜(deg,deg)
transform-origin调整元素转换的原点
rotateX沿着x轴旋转,Y,Z同理
perspective/pərˈspektɪv/透视
transform-style3D实现
flat所有子元素在2D平面呈现
preserve/prɪˈzɜːrv/保护、保留3D空间
animation活泼、动画
@keyframes关键帧、规定动画
在这里插入图片描述在这里插入图片描述
12.412月4号
scroll-behavior卷轴行为、平滑滚动
12.912月9号
fieldset自定义字段、字段集
legend传奇、字段集标题
border-spacing表格边框间距
empty-cells: show/hide;无内容时是否显示单元格的边框区域
table-layout: auto/fixed显示单元格行和列的算法
caption-side表格标题
colgroup表格列的集合
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值