![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html -css
qq_43146774
高内聚、低耦合
展开
-
display:flex 布局教程
布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 一、Flex布局是什么? Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box1{ display: flex; } ...转载 2018-10-26 09:36:28 · 144 阅读 · 0 评论 -
@media 根据屏幕宽度,改变样式
为不同页面宽度设置不同的CSS样式——页面宽度大于1150px和页面宽度等于1150px时分别为.login-wrapper设置不同的左边距。 @media only screen and (min-width: 1150px) { .login-wrapper { left: 24%; } } @media only screen and (ma...原创 2018-10-31 16:21:44 · 3801 阅读 · 0 评论