pink老师html5+css3day11
·
Vivo效果
dl：description list，整个列表的容器
dt：description term，被定义的术语 / 名称
dd：description detail，这个术语的解释 / 说明
<dl>
<dt>HTML</dt>
<dd>一种标记语言，用来构建网页结构。</dd>
<dt>CSS</dt>
<dd>用来给网页加样式和布局的语言。</dd>
</dl>
默认是 行内元素（inline）。
行内元素：
宽高由文字撑开，不能随便用 width/height 控制
点击区域只在文字上
在某些布局/动画里，不太好控制“整块区域”的移动效果
把它改成：display: block;
后，a 就变成 盒子（block-level box） 了：
可以设置宽度、高度、内边距，整一行都是可点击区域
做 transform: translateX(…) 时，是整个块一起平移，视觉上更自然
再配合 transition，就有顺滑的“滑动”效果
前端网页托管
更多推荐
4
0- 0
已为社区贡献5条内容
所有评论(0)