摘要: 废话不多说,供上我学习Flex布局的启蒙文章,一切的答案,尽在这里,仔细阅读,多多回味!保证你有所收获! http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 文章乃参考、转载其他博客所得,仅供自己学习作笔记使用!!! 阅读全文
posted @ 2019-01-12 20:25 1473y 阅读(156) 评论(0) 推荐(0) 编辑
摘要: box-sizing:content-box | border-box content-box 是默认值。如果你设置一个元素的宽为100px,那么这个元素的内容区会有100px宽,并且任何边框和内边距的宽度都会被增加到最后绘制出来的元素宽度中。 border-box 告诉浏览器去理解你设置的边框和内 阅读全文
posted @ 2019-01-12 20:11 1473y 阅读(566) 评论(0) 推荐(0) 编辑
摘要: 今天在写页面时,发现在a标签,里面嵌入<img>底部会出现空白的问题! 请看示例代码: 请看示例效果图: 现在出现了两个问题,首先a标签,没有因为img的大小而被撑大,然后是a的内部下面出现空白。 1、首先,<a>标签是inline的,框模型是:行内框。行内框没有包含图片的表现,<img>的标签就好 阅读全文
posted @ 2019-01-12 19:48 1473y 阅读(3230) 评论(0) 推荐(1) 编辑
摘要: :first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: 1 <div> 2 <p>第一个子元素</p> 3 <h1>第二个子元素</h1> 4 <span>第三个子元素</span> 5 <span>第四个子元素</span> 6 </d 阅读全文
posted @ 2019-01-12 19:15 1473y 阅读(494) 评论(1) 推荐(0) 编辑