为了账号安全,请及时绑定邮箱和手机立即绑定

HTML5和CSS3扁平化风格博客

表严肃 Web前端工程师
难度中级
时长 1小时51分
学习人数
综合评分9.57
257人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.3 逻辑清晰
* 解决img标签上下出现的间隙:图片文字等内联元素,它默认对齐方式都是和它的父级的 baseline 去进行对齐的,但是对齐的是 baseline,撑开高度的却是元素整体的高度(bottom line),这样肯定就会造成一定的间隙:
*
1. display属性设置为:block;
2. vertical-align设置为 middle;
3. 设置浮动;
4. 父元素把文字大小设成0;
作为声音控的我,我都听补完课,一直沉浸在声音里面,,,,,,,
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
"ctrl"+"shift"+"[" 收缩代码,
"ctrl"+"shift"+"]" 展开代码,
"ctrl"+"e" 快速生成一个div.
少了一段视屏,不过自己可以脑补出来,但是这对初学者不友好
学习了,思路清晰很多哈哈
这里的ul快捷键 li*4>a{链接$}+tab
真的从内心中喜欢这位老师,真的很感谢这位老师能给出这么好的课
少的一点是
#banner .inner h1{
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
margin: 0;
padding: 10px
}

然后在
#banner{
color: #fff;
}
最后改变button的背景色就可以了
错了,用的Sublim text2
得到了实用小技巧 快捷键 1.ul>li{item$}*8 2.lorem 加tab
用的Atom编辑器敲的:)
https://html5up.net/spectral
课程须知
1.您要具备HTML常用标签的基础知识。 2.您要具备CSS的语法。 3.您要具备基本布局知识。
老师告诉你能学到什么?
1、CSS的常规布局方法 2、CSS扁平化风格布局方法 3、网页布局特殊情况处理方式 4、HTML5相关标签和CSS3效果。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消