随笔分类 -  css

多列布局
摘要：上例的图，就是左右布局 1.定宽 + 自适应 1.1、float + margin <div class="parent"> <div class="left"> <p>left</p> </div> <div class="right"> <p>riht</p> <p>right</p> </di 阅读全文
posted @ 2019-08-18 19:10 无辜鱼粉 阅读(163) 评论(0) 推荐(0)
DIV水平居中和垂直居中布局
摘要：一、水平居中 1. inline-block + text-align text-align（他会有继承） 作用在块级元素上，会让块级元素的inline-block子级 ，进行排列 <div class="parent"> <div class="child">demo</div></div> .p 阅读全文
posted @ 2019-08-18 14:39 无辜鱼粉 阅读(1003) 评论(0) 推荐(0)
sass
摘要：一、简介 Sass 是对 CSS 的扩展，让 CSS 语言更强大、优雅。它允许你使用变量、嵌套规则、 mixins、导入等众多功能， 并且完全兼容 CSS 语法。Sass 有助于保持大型样式表结构 良好， 同时也让你能够快速开始小型项目， 特别是在搭配 Compass 样式库一同使用时。 二、.特色 阅读全文
posted @ 2019-07-27 19:05 无辜鱼粉 阅读(673) 评论(0) 推荐(0)
less
摘要：1. 简介 Lesscss是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为 CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。 lesscss可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。 2. 编译环境 1:下载安装vis 阅读全文
posted @ 2019-07-27 18:33 无辜鱼粉 阅读(527) 评论(0) 推荐(0)
CSS语法：除了属性和选择器，你还需要知道这些带@的规则
摘要：@charset @charset用于提示CSS文件使用的字符编码方式，它如果被使用，必须出现在最前面。这个规则只在给出语法解析阶段前使用，并不影响页面上的展示效果。 @import @import用于引入一个CSS文件，除了@charset规则不会被引入，@import可以引入另一个文件的全部内容 阅读全文
posted @ 2019-06-12 22:51 无辜鱼粉 阅读(308) 评论(0) 推荐(0)
css 结构
摘要： 阅读全文
posted @ 2019-06-12 14:04 无辜鱼粉 阅读(130) 评论(0) 推荐(0)