1. HTML语义化
解决啥问题?
为了避免通街都是div和span这种无意义的标签。
解决方案
加入了可语义化的标签,如 p,h1-h6(hgroup),ul(unordered list)、ol(ordered list)、li(list)、header、footer、nav、aside、article。
有啥优点?
1.让人更容易读懂。2.让机器更容易读懂、提高搜索引擎搜索效率、利于SEO
2.CSS3中如何处理clearfix(清除浮动)
解决啥问题?
设置了float值时,没有clearfix会导致布局排版错乱
解决方案(BFC-形成独立渲染区域)
1.overflow:hidden/ auto;
2.position:absolute/ fixed;
3.clear:both/ all;(可在浮动元素的伪类添加)
4.display:inline-block;(父级加)
有啥优点?
优化布局,把页面雕刻成开发者想要的样子~
3.圣杯布局和双飞翼布局
解决啥问题?
解决pc端布局的通用布局
解决方案
使用float布局、设置margin和padding的负值,圣杯是padding留白,双飞翼是margin留白且中心内容在子级div,推荐双飞翼简单且代码少。→
有啥优点?
妈妈再也不用担心我的pc端布局了
4.水平居中对齐
解决啥问题?
如何溜达地说个明白?
解决方案
脑图:
水平居中 or 垂直居中 or 水平垂直居中 → 块级元素 or 内联元素 → 无W无H or 有W无H or 无W有H or 有W有H
有啥优点?
对经常手写CSS3的前端工程师来说,这些都不是问题,但是就是说不全 说不准考查点,所以在脑子里构建个脑图和流程图更加方便记忆