01-深入HTML+CSS基础原理

CSS --- 移动端适配方案 移动互联网的快速发展，让人们已经越来越习惯于使用手机来完成大部分日常的事务 但是移动端的屏幕大小多种多样，所以需要对移动端的屏幕进行适配 所以我们需要使用某种适配方案，

CSS预处理器Less、Scss Sass/Scss: 2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持，是属于Haml(一种模板系统)的一部分 最早的sass语法是类似于rub

CSS中的常见单位 在css中单位可以被划分为两类 绝对长度单位 (Absolute length units) 绝对长度单位与其他任何东西都没有关系，通常设置了是多少，其值就是多少 最为常见的绝对长

CSS - 媒体查询 媒体查询是一种提供给开发者针对不同设备需求进行定制化开发的一个接口 你可以根据设备的类型(比如屏幕设备、打印机设备)或者特定的特性(比如屏幕的宽度)来修改你的页面 使用媒体查询的

CSS - BFC FC FC全称为Formatting Context，也就是格式化上下文 在CSS中，任何一个在标准流中的元素都属于一个FC 块级元素的布局属于Block Formatting C

CSS常见的函数扩展 CSS中的函数 CSS中有许许多多的函数，例如rgb/rgba/translate/rotate/scale等 这些CSS函数通常可以帮助我们更加灵活的来编写样式的值 var 函

CSS - vertical-align 深入理解vertical-align – line boxes 在css中，盒子是由其内部内容的高度来撑开的 官方文档的翻译：vertical-align会影

HTML5新增元素 语义化结构标签 在以前的网页编写结构的时候，我们可能会经常使用<div class="header">,<div class="section">等类似的形式 来定义我们网站的基本

CSS - 动画 # CSS animated properties 可以让CSS属性变化成为一个持续一段时间的过程，而不是立即生效的 也就是告诉浏览器除了绘制初始状态效果和结束状态效果，还需要将他们

transform transform是css的一个属性，该属性允许我们对一个元素进行各种各样的形变操作，包括旋转，缩放，倾斜或平移等 transform是形变的意思，transformer就是变形金

CSS Flex布局 长久以来，CSS 布局中唯一可靠且跨浏览器兼容的布局工具只有 float 和 position 但是这两种方法本身存在很大的局限性，所以flex是真正意义上的css的第一个布局方

CSS元素定位 float 属性可以指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它 float 属性最初只用于在一段文本内浮动图像, 实现文字环绕的效果，也就是实现图文环绕效果 但是

CSS - 布局 - 元素定位 标准流 - Normal Flow 默认情况下，元素都是按照normal flow(标准流、常规流、正常流、文档流【document flow】)进行排布 块级元素独占

CSS - 字体和精灵图 我们在网页中引入字体的时候，一般会使用font-family 对于font-family, 我们需要提供一个或多个字体种类名称，浏览器会在列表中搜寻，直到找到它所运行的系统上

HTML - HTML其它标签 列表元素 有序列表 ol (ordered list) --- 有序列表，直接子元素只能是li li (list item) --- 列表中的每一项 无序列表 ul (

CSS设置背景 背景相关属性 background-image background-image用于设置元素的背景图片 background-image会盖在background-color上 我们可

CSS盒子模型 HTML中的每一个元素都可以看做是一个盒子，如下图所示，可以具备这4个属性 属性值 描述 内容(content) 元素的内容width/height 内边距(padding) 元素和内

CSS的某些属性具有继承性(Inherited): 如果一个属性具备继承性, 那么在该元素上设置后, 它的后代元素都可以继承这个属性，相当于给每一个后代元素都设置了相同的样式 当然, 如果后代元素自己

CSS属性-文本 text-decoration (常用) text-decoration用于设置文字的装饰线 decoration是装饰/装饰品的意思; 可选值 说明 none 无装饰线 under

开发中经常需要找到特定的网页元素进行设置样式 所以我们需要按照一定的规则选出符合条件的元素，为之添加CSS样式 而这些规则就被称之为CSS选择器 通用选择器 通用选择器(universal selec