随笔分类 -  CSS

less快速学习
摘要：写在前面：大概写这么个意思哈，注释样式什么的大家忽略掉哈哈哈 1 变量 2 混合 3 匹配模式 4 运算 5 嵌套 6 避免编译（忽略不编译） 阅读全文
posted @ 2018-04-09 11:52 Geminiyu 阅读(474) 评论(0) 推荐(0)
flex布局
摘要：写在前面：本文参考阮一峰的网络日志及部分网友知识综合讲解，只要能讲清楚就行嘛哈哈哈 1 flex布局 1.1 引入 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。 CSS 标准为我们提供了 3 种布局方式：标准文档流、浮动布局和定位布局。这几种方式的搭配使用可以轻松搞 阅读全文
posted @ 2018-04-09 11:47 Geminiyu 阅读(362) 评论(0) 推荐(0)
垂直水平居中常见实现方法
摘要：写在前面：很多种垂直居中方法，后续陆续添加。 1.flex布局实现垂直居中 只需要给外层盒子设置： .box{ display:flex; justify-content:center; align-items:center; } .box{ display:flex; justify-conten 阅读全文
posted @ 2018-04-09 11:35 Geminiyu 阅读(355) 评论(0) 推荐(0)
div根据父元素根据子元素高度自适应高度
摘要：切图时经常遇见一种问题： 父级的div高度为0，导致后面紧跟着的元素串位。（特别是在使用bootstrap布局的时候）以前都是通过该margin调整 百度看见http://blog.csdn.net/a5534789/article/details/51233522的博客时彻底解决了我的问题。 两种 阅读全文
posted @ 2017-05-03 10:49 Geminiyu 阅读(10395) 评论(0) 推荐(0)
windows下sass开发环境的搭建
摘要：一：Sass的安装： 【步骤1“下载Ruby”】：到Ruby的官网（http://rubyinstaller.org/downloads）下载最新版本的Ruby版本,这里我下载的是最新版本Ruby2.3.3的64位 【步骤2“安装Ruby”】：下载后，点击安装即可。在安装的时候，我们需要注意2点：（ 阅读全文
posted @ 2017-03-29 12:09 Geminiyu 阅读(3248) 评论(0) 推荐(0)
里面的div怎么撑开外面的div,让高度自适应
摘要：关于容器高度自适应的兼容性问题。1.有些时候，我们希望容器有一个固定高度，但当其中的内容多的时候，又希望高度能够自适应，也即容器在纵向能被撑开，且如果有背景，也能够自适应。在一般情况下，使用min-height即可解决。但是广大网民的首选浏览器ie6并不支持min-height。ie7,opera, 阅读全文
posted @ 2017-01-05 16:09 Geminiyu 阅读(30955) 评论(0) 推荐(0)
遇见的属性
摘要：cursor属性： white-space 属性： vertical-align 属性：（垂直对齐一幅图） 阅读全文
posted @ 2016-11-12 16:04 Geminiyu 阅读(200) 评论(0) 推荐(0)
display:inline、block、inline-block的区别
摘要：display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度不设是它的容器的100%，除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 display:inli 阅读全文
posted @ 2016-11-12 15:53 Geminiyu 阅读(738) 评论(0) 推荐(0)