文章分类 - css
摘要：转载：https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年
阅读全文
摘要：转载：https://www.cnblogs.com/fishlittle/p/17538821.html Grid布局 1 概述 网格布局（Grid）将王爷分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。Grid布局与Flex不具有一定的相似性，都可以指定容器内部多个项目的位置，但是他
阅读全文
摘要：转载 原文地址：https://blog.niceue.com/front-end-development/hide-scrollbar-but-still-scrollable-using-css.html?replyTo=535 移动端页面为了更接近原生的体验，是否可以隐藏滚动条，同时又保证页面
阅读全文
摘要：转载 原文地址：https://www.cnblogs.com/xiaocaiyuxiaoniao/p/10407830.html 文章目录 一、行高（line-height）法 二、内边距（padding）法 三、模拟表格法 四、CSS3的transform来实现 五：css3的box方法实现水平
阅读全文
摘要：先介绍一下vh:相对于视窗的高度，那么vw:则是相对于视窗的宽度 “视区”所指为浏览器内部的可视区域大小，即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。 vh vh就是当前屏幕可见高度的1%，也就是说 height:
阅读全文
摘要：转载 原文地址：https://blog.csdn.net/zhang6223284/article/details/81909600 一、table 布局 CSS 的布局应该是 CSS 体系中的重中之重了，主要的布局方式有 table 表格布局（早期），float 浮动布局和 flex 布局，还有
阅读全文
摘要：转载 原文地址：http://www.ruanyifeng.com/blog/2015/07/flex-examples.html 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。 我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schrop
阅读全文
摘要：转载 原文地址：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那
阅读全文
摘要：史上最全Html和CSS布局技巧 http://www.imooc.com/article/2235 CSS常见布局问题整理 http://www.cnblogs.com/0603ljx/p/4440449.html http://blog.csdn.net/huadonggmail/article
阅读全文
摘要：转载原文地址：http://blog.sina.com.cn/s/blog_65d41dff0100y99z.html CSS元素绝对定位、相对定位 布局和浮动等 1. position:static|无定位 position:static是所有元素定位的默认值, 一般不用注明，除非有需要取消继...
阅读全文
摘要：css选择某个元素的第几个子元素的方法例如，我们要选择div_show_pass_chd1的第5个子元素div： 111112222233333444445555566666 则使用：#div_show_pass_chd1 div:nth-child(5)即可如果使...
阅读全文
摘要：例如在元素中设置文字左右居中：text-align:center;设置文章上下居中：line-height:45px; (调整line-height的值即可)
阅读全文
