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

HTML5和CSS3扁平化风格博客

表严肃 Web前端工程师
难度中级
时长 1小时51分
学习人数
综合评分9.57
257人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.3 逻辑清晰

最新回答 / 银君
插件,不只是sublime!其他编辑器或者IDE都有这种插件!像webstorm甚至集成了,不用自己装!推荐webstorm这个IDE,会帮你配置好非常多的插件,功能十分强大!除了打开比较慢,其他都很好!其次推荐的是VSC,这个也很赞!

最赞回答 / 慕勒3230791
after 就是这个元素之后添加样式content 是添加的内容,这个写法是空的意思,就是不添加内容display:block 是把这个元素变成块元素clear :both 就是清除浮动的意思
我是拿掉color就ok了

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

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

}

最赞回答 / qq_晨曦_78
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/index.css" /> <link rel="stylesheet" href="css/reset.css"  /> </head> <body> <div clas...
老师啊。IE浏览器向右浮动整体标签都会向右浮动,对于logo的标签即使加入left浮动也不生效啊。
https://necolas.github.io/normalize.css/3.0.2/normalize.css
这毫无征兆的视频就放完了。。。
看大家评论的时间,觉得自己起步太晚了。。。
使用谷歌浏览器,#banner.inner
{
max-width: 300px;
margin:0 auto;
text-align: center;
position:relative;
top:200px;
}
不会居中显示。
#banner.inner h1这种写法没有起到作用,改成#banner h1就行了
这个背景奇偶应该在.
grey-section:nth-child(even){
background-color: #33393c;
}
下写才能起作用,因nth-child是在其父元素下的第几个元素

最新回答 / 慕粉4222087
.article-preview:after{    content: "";    display: block;    clear: both;}你把这段代码加上去看看

最新回答 / 慕容6447874
把list变成行内元素的目的是,可以让几个list排列在同一行而此处的右浮动,问题在于是ul的右浮动还是li的右浮动ul的右浮动,是把ul标签内所有的li看作一个整体,统一右浮动而li的右浮动,是li按顺序一个一个浮动,“首页”在最上面,所以会浮动到最右边,后面依次排列即@挺黑先生的回答“渲染顺序”
课程须知
1.您要具备HTML常用标签的基础知识。 2.您要具备CSS的语法。 3.您要具备基本布局知识。
老师告诉你能学到什么?
1、CSS的常规布局方法 2、CSS扁平化风格布局方法 3、网页布局特殊情况处理方式 4、HTML5相关标签和CSS3效果。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消