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

HTML5和CSS3扁平化风格博客

表严肃 Web前端工程师
难度中级
时长 1小时51分
学习人数
综合评分9.57
257人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.3 逻辑清晰
声音最好听,英文发音最好!么么
这是自己跟着老师做的,后期加了一点自己的修改,还在完善中,小伙伴们可以借鉴一下(有时间的话给个星,谢谢)!
https://github.com/hao-have-no/MyBlog
关于奇偶变色的问题
.gray-section:nth-child(odd) {
background-color: rgba(0,0,0,0.7)
}
我把article-preview改成gray-section然后蒙版颜色改成(0,0,0,0.7)就可以了大家可以试一下
给老师打call,讲课有条理,有粗有戏,让人很容易get到重点,良心老师
从老师这里学习结构观,挺好,比那些一上来就讲细节的老师好多了
为什么要用first-child而不是nth-child(1)?后者不是更合适父元素下都是相同元素的吗?
.text-section{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #fff;
padding: 40px;
}
好像可以用这种方法解决X轴滚动条……
.text-section{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #fff;
padding: 40px;
}
好像可以用这种方法解决X轴滚动条……
应该是text-section > *{position:relative;left:40px;}这样就不会出现左右滚动条,出现空白区域了
我是拿掉color就ok了

.article-preview:nth-child(odd){

background:rgba(102, 102, 102, 0.1);

}
老师啊。IE浏览器向右浮动整体标签都会向右浮动,对于logo的标签即使加入left浮动也不生效啊。
https://necolas.github.io/normalize.css/3.0.2/normalize.css
这毫无征兆的视频就放完了。。。
课程须知
1.您要具备HTML常用标签的基础知识。 2.您要具备CSS的语法。 3.您要具备基本布局知识。
老师告诉你能学到什么?
1、CSS的常规布局方法 2、CSS扁平化风格布局方法 3、网页布局特殊情况处理方式 4、HTML5相关标签和CSS3效果。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消