小白初来乍到前端的2个月

flex运用

写了2个月的nav,竟然还是float,菜鸟就是菜鸟。看了flex后决定以后尽量少用float。深入了解flex。

附上学习的bolg:阮一峰flex详解

正则表达式

([0-9]+[\.]?[0-9]*)        匹配数字

单纯起到了匹配到数字的作用。

[0-9]+:匹配0-9数字1次或者多次

[|.]?:带不带小数点都可以匹配

[0-9]*:匹配0-9数字0次或者多次

我不知道对不对啊,我个人理解的。参考文章:正则表达式部分解释我觉得还蛮好理解的

清除浮动

当div的子div有浮动,外层的父div的高度不能适应子div的高度。

解决方法:clear:both

例:

body:

这样parent就可以包住你的child了。

小白初来乍到前端的2个月_第1张图片
css
小白初来乍到前端的2个月_第2张图片
显示图



去除clss="clear"的div显示图,没有包住

当然有了flex,这些都解决了。

(未完,陆续更新)

你可能感兴趣的:(小白初来乍到前端的2个月)