一、表单美化

百度搜索框
上传图片
美化按钮
二、Bootstrap

Bootstrap引入
https://getbootstrap.com/
http://www.bootcss.com
生产环境/开发环境
网格/栅栏系统(grid system)
lg-md-sm-xs(1200-992-768)
优先使用小屏幕
Bootstrap复杂组件
css/js组件
复制-粘贴-修改
网站实例
学习路径
css基础——jQuery——Bootstrap文档
三、IFC(Inline Formatting content)

深入理解 CSS:字体度量、line-height 和 vertical-align
font-size: em-square——活字印刷盒的高度(由设计师决定,不稳定)
line-height: 以基线baseline对齐。决定真实占地高度。
内联元素以基线对齐,会导致大小不一样
vertical-align:实际占地的对齐(由设计师决定,一般不使用)
图片下面有空隙:原因是图片以基线对齐,下面有字体设置的留空
内联元素不能居中对齐。——不要使用内联元素做布局。(无法解决)
内敛元素中间有空格。——不要使用内联元素。

posted on 2019-04-04 14:54  +青青子衿  阅读(274)  评论(0编辑  收藏  举报