小泽跟着李南江学习HTML5 CSS学习
在大学期间有学过一些HTML5基础,也做过一些静态页面的项目,但项目中遇到的问题没有得到及时的解决和一些要用到知识概念还有些模糊不清。在小码哥CSS3基础课程中,老师条理清晰带我们从CSS2到CSS3所有基础属性学习了一遍。通过这次学习我认清了许多CSS部分的之前模糊的知识概念,并且老师传授了许多在真实企业开发中需要注意的规范化问题和奇淫技巧。这里列举几个我在小码哥学到CSS需要注意的知识点和小技巧:
1.选择器的权重问题一直以来困扰着前端新手菜鸟。解决权重问题第一步,是看选择器是否直接选择标签,若都选中标签,则先数选择器的ID选择器个数,谁的ID选择器多,谁的权重就大,如果ID选择器数量相同,则数class选择器数量,谁多则谁的权重大,如若再相同则数标签选择器个数。最后还是个数一样,则哪个选择器写在后面会被使用。
2.在同一个标签可以同时设置background-color和background-image,background-image会显示在background-color上面,background的连写方式也是颜色要在图片前面。
3.外边距合并也是新手网页布局是容易遇到的难题。普通文档流中块级元素的垂直外边距会发生合并。为了防止嵌套的块级元素垂直方向外边距合并,可以给父级块级元素加边框或者加overflow:hidden属性。所以在企业开发中父子块级元素之间距离调整一般用内边距padding或定位流进行调整。
4.当图片大于父级块级元素,想让图片的中间核心部分显示在父级元素中,则在父级块级元素中设置text-align:center,图片中设置margin:0 -100%。
在小码哥的每一天都过得非常充实,在这里我们有了学习的机会,成长的机会,希望我们大家可以继续进步,少遇bug,早日实现各自的目标。
学HTML5就选李南江,选培训机构我只选小码哥(www.520it.com)。