pink老师课程-学成在线案例资料

 哔哩哔哩里面pink老师课程那里实操。

代码和图片在末尾

 总结

1.代码HTML结构要清晰，最好做好注释标明模块的开始和结束如：  <!--1.头部开始-->  <!--1.头部结束-->。

2.起类名要注意，用对应的英文字母。top 、banner、main、footer、left、right、logo、user、course、goods 、content等等，如果不知道用什么就用对应的拼音全拼的哦。

3.一些有链接的导航采用ul>li>a这种形式写的，就是li里面包含a标签来写。

如下图。

4. 结构拆分，注意先分清楚结构后再写。

在写的过程中，一些知识点的补充

1.button和input都是行内块元素，他们之间有缝隙

2.做用户头像和名字时候，vertical-align: middle;

vertical-align 属性设置一个元素的垂直对齐方式。 middle把此元素放置在父元素的中部。可以这个的搜一下CSS属性，必须是行内块元素才有效

3.backgrou