6-2 css样式的优点
为什么使用css样式来设置网页的外观样式呢？右边编辑器是一段文字，我们想把“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短语的文本颜色设置为红色，这时就 可以通过设置样式来设置，而且只需要编写一条css样式语句。
第一步：把这三个短语用<span>
CSS颜色代码大全
FFFFFF
#DDDDDD
#AAAAAA
#888888
#666666
#444444
#000000
#FFB7DD
#FF88C2
#FF44AA
LESS « 一种动态样式语言
文档链接：http://www.bootcss.com/p/lesscss/
百科
Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。
Less 可以运行在 No
Infi-chu:
http://www.cnblogs.com/Infi-chu/
CSS盒子模型 概念：CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 如下所示：
关于使用css制作三角符号，网上有很多的例子了，在这里只是为了详细的向各位解释一下三角符号的原理
下图，是一个长宽为100px，边框宽度为100px的一个元素，由此可见，在css中上下左右的边框相交处并不是一个直线，所以，可以根据此属性进行编写三角符号
那么如何使用c
先安装 axios
npm install axios
axios的详细介绍以及用法 就不多说了请 移步 github ➡️ https://github.com/axios/axios
下面是简单的封装一个 http.js， 在此说明 checkStatus 这个方法呢 是不一定需要的
垂直居中是布局中十分常见的效果之一，为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。
方法1：table-cell
html结构：
<div class
2009年，W3C提出了一种新的方案--Flex布局，可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。
flex浏览器支持
一、Flex布局是什么？
Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何
伪类与伪元素的区别
在CSS1和CSS2中对伪类和伪选择器没有做出很明显的区别定义，而二者在语法是一样的，都是以:开头，这造成很多人会将某些伪元素误认为是伪类，如:before，:after；而在CSS3给出的定义中，二者区别更为明显，也更容易理解。
一、定义
伪类
The pseudo-cl
CSS的相对定位和绝对定位通常情况下，我们元素的position属性的值默认为static 就是没有定位，元素出现在正常的文档流中，，这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的，不会生效，比如你设置一个距离左边距偏移100px的声明：left:10
一、背景
前段时间，写的一篇关于博客园主题皮肤分享的文章，一经发出便受到了极大的热捧，后来很多网友留言说，想要让我分享现在的模板，毕竟现在这个模板已经比之前分享的那个多经历了N多个版本的改进和优化。那本文我就来分享我博客园中的所有的特性，以供大家直接开箱即用。废话不多说，直接开搞~&#
IndexedDB 浏览器数据库，是一个非关系型数据库，数据形式使用的是json，IndexedDB适合存储大量数据，它的API是异步调用的，当然他的api 也相对复杂。
当然浏览器数据存储 还有LocalStorage，Cookies，web SQL等 为什么还再来一个indexedDB。
之前我
在h5中实现一些小标签、按钮的时候，很容易发现部分安卓机型上的字体显示有问题，总会向上偏移2px左右。这是设置padding或line-height无法修复的，与rem也无关，即使在字体大于12px时依然存在。下图来自于网友的分享，从左到右依次是显示正常的苹果、显示正常的安卓、显示异常的安卓：
安装
npm install vue-i18n
新建一个文件夹 i18n ，内新建 en.js zh.js index.js 三个文件
准备翻译信息
en.js
export default {
home: {
helloworld: "hello workd ！"
}
};
在前面，我们学习了标准文档流，但在实际制作的过程中，用标准文档流书写显然是不现实的，因此，我们来了解几种脱离标准文档流的方法：
1.float 浮动
float：left/right；（左浮/右浮）
效果：元素都加浮动，后面的元素紧跟前面的元素并排排列
第一个加了float，脱离了标准文档流，对于
Sass 快速入门 | SASS 中文网
文档链接：https://www.sasscss.com/getting-started/
前言
之前整理了一篇关于Less的，现在就来整理一下关于Sass的。
因为这两种都是CSS的主流预处理器，当然还有Stylus。
要解释一下什么是Sass吗？
两种居中的方式：
Margin:0 auto;和text-align:center;
Margin的居中是对自身，text-align对元素内部的文本来说。
隐藏的两种方式：
visibility：hidden；和display:none;
visibility 隐藏了还占用着空
1、清除浮动的兼容性（低版本的浏览器不兼容问题）
.clearfix:after{
content:"";
clear:both;
display:block;
visibility:hidden;
height:0;
}
.clear{
*zoom:1;
}
2、
修改原生checkbox样式。
效果
原理
1.利用CSS3属性 appearance。
该属性（强制）更改（改变）默认（原生）样式。
Firefox 支持替代的 -moz-appearance 属性；Safari 和 Chrome 支持替代的 -webkit-appearance 属性；IE
工作中碰到个奇怪的问题，折腾了大半天，终于算是解决了，这里把分析思路和解决办法记录下。
项目是做响应式的公司官网，前期的静态图页面切完后就提交给后台作为模板使用了，我也就基本退出项目。
在后端落地时发现在在移动端页面显示不太对劲，显得很模糊。第一想法是meta的头部被覆盖了，查看源代码果然发现是被覆
客服
