本节简介:利用所学知识,实操演练“Gulp中文网”页面布局及样式的定义
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
行级块元素(图像) 父级加text-align也可以居中显示
做一样颜色时,也可以截图时读取rgb background:rgb(207,70,70)
链接文字加了{line-heignt:(块的高度)}(行高的意思),第一起到了上下居中对齐,第二起到了鼠标滑过去正片都有反应的作用。
text-align:center也适用于img标签
相邻padding是相加的,相邻margin是不相加的
background:rgb(123,456,789)
background: rgb(123.456.789)
<div style=''clear:both''></div>
.con overflow:hidden 溢出隐藏
增加padding时,元素大小也会受到改变导致换行,需要调整宽度显示在同一行
底部区域上下高度最好的解决办法是增加padding的上下内边距
text-align具有继承属性,并且对图像也具有效果,并不只是针对文本产生效果
点击区域宽度不一的解决方法:支掉宽度属性,更改为内边距padding
链接<a>是行内元素,更改为块级元素(添加 display:block )后才能设置点击区域大小