Sass

参考文献: Sass 中文网 1. 变量 声明变量 $highlight-color: #F90; $basic-border: 1px solid black; 变量是有作用域的 $nav-color: #F90; nav { $width: 100px; width: $width;

CSS 

flex布局

参考: 30 分钟学会 Flex 布局 flex布局 flexbox 收缩算法(上) flexbox 收缩算法(下)

CSS 

BootStrap 学习笔记

BootStrap 入门 带有 min 的文件为压缩文件,所有代码在一行,为了减小文件所占大小。 .map 文件的作用,在调试的时候,可以将压缩的代码映射成未压缩的代码,方便调试。 官方模板 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta

CSS 浮动

参考文章 (图文详细)最通俗易懂的 CSS 浮动 float 属性详解 1. 什么是浮动 首先要知道,div 是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图: 可以看出,即使 div1 的宽度很小,页面中一行可以容下 div1 和 div2,div2 也不会排在 div1 后边

CSS 

CSS 学习笔记

基本知识 CSS 也可以通过<style> @import "path"; </style> 的方式导入。 CSS 每一对属性需要用; 隔开,最后一对可以不加。 CSS 选择器 并集选择器:, p,span{ color:red; } 交集选择器:. <style> span.p1

CSS