HTML+CSS

css中长度单位有很多，可谓是五花八门，在pc端比较常用的可以分为这几种：像素、百分比、em和rem。

在CSS中可以直接使用颜色名、RGB、RGBA、十六进制的RGB值、HSL以及HSLA值来设置各种颜色，本篇文章简要概述了这几种颜色单位。

在开始之前 在写前端样式的时候，CSS选择器是非常重要的。阮一峰老师的文章很全面的介绍了各种选择器，为了方便自己使用，本文章摘抄了部分在开发过程中最为常见的部分，又通过阅读其他文章补充了选择器的权重。

块级元素与行内元素 p、ul、form、div 等元素被称为块级元素，这些元素会自动换行，span、input 等元素称为行内元素，这些元素在一行中水平排列，行内元素的高度由其内容撑开，不可显示的设置

很长一段时间，自己在编写代码的时候，只是简单的使用css。最近因为工作的关系，接触到了scss，自己尚处于入门阶段，所以也把自己认为比较重要的内容记录在此。 Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了…

在搭建前端页面时，我们也会遇到需要设置透明度的情况。实现透明的css方法通常有3种方式，以下是不透明度为80%的3种写法： 另外，background:rgba(200, 54, 54, 0.5);中，表示半透明度的0.5可以直接写为.5。

Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，这种布局已经得到了所有浏览器的支持，所以我们也能很安全地使用这项功能。 Flex 意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局，行内元素也可以使用 Flex 布局。 注…

在最近的开发中，经常会遇到一个问题，就是子div设置的margin-top对整个父div的位置造成了影响，这给整个的布局带来了很大的困扰。 当给子元素的class属性增加:margin-top:50px时，尽管没有给外层的div设置margin-top，但是还是距离浏览器最顶部…

在搭建前端页面的时候，常常会遇到高度塌陷的问题，在这个过程中，也查阅了一些资料，所以在这里做个汇总。 当父元素没有添加高度（高度自适应），而子元素又脱离文档流的时候（当子元素设置了浮动或者子元素的position属性值为absolute或是fixed，都会脱离文档流），就会发生…

在实习期间，发现自己在之前搭建前端页面的时候，过多的依赖UI框架，而对基础知识的掌握不到位，就比如最基本的布局，所以花了很多功夫来巩固自己的基础知识。此篇主要是谈在布局的时候，display、position以及float属性的使用。 p、ul、form、div 等元素被称为块…