需引入:FontAwesome,用于图标效果截图:
CSS:.div1 { position: absolute; right: 16px; top: 10%; z-index: 12;}
.div2 { border-radius: 10px 0 0 10px; width: 25
在做form表单，点击按钮随机生成两串密钥的时候
1.用第一种按钮的时候，会出现刷新form表单的现象。会把创建密钥前面的输入框中的字消失。虽然能生成密钥1和密钥2，但是会闪一下，随即消失。几个输入框全变为空，本人用的是bootstrap框架。
<button class="btn
页面布局
结构层：搭我们的页面框架。
布局层：针对框架内部结构进行排版。
不需要使用浮动解决的问题尽量不用。
使用浮动之后会使该元素脱标，并且该元素的margin。
div 盒子模型 ：
就是一个容器，可以装任何标签。
盒子实际占用的空间
盒子的实际宽高和高度
如何理解盒子模型
细节性的问题
background-position 雪碧图
我们的html和css中有三个属性可以向服务器发送请求，src href url。
overflow
(1) 值hidden 超出就隐藏
(2) 值scroll 出现滚动条
visibility:hidden; 可见的 （消失但是占用
svg矢量文件体积小，不变形，比传统的png先进，比现在流行的icon-font灵活。然而在使用过程中还是遇到了很多坑。今天花了一天时间把经验整理出来，以供后来者借鉴。如果您从本文收益，请留言mark一下。
这里我们要实现的功能是，一个svg文件包含多个图形，这样的好处是，网络请求次数少，加载快速。
display的table和table-cell一般情况下用的不多，所以很少有人去关注它，但他们两个联手起来会给你惊喜！
这里抛出这样一个问题，如下，让块里的多行文字垂直居中？一说到垂直居中就会想到，单行文字垂直居中line-height等于height；块级元素垂直居中，position定位或者f
1.点击后改变子元素.myclass:active span{ color:#00f;}
此方式在ios下不生效，chrome下正常
2.改变下一个兄弟元素.myclass:active +span{ color:#00f;}
刚入博客园，小白也要有一个“高大上”的个人博客页面啊，鼓捣了一下午，感觉自己棒棒的，
叉腰得瑟
个人感觉Simple的主页样式很美观，大气，哈哈
首先，在博客园后台管理的设置里，申请js代码的权限（默认是没有打开的）
申请的时候一定要有礼貌，有
在理解定位之前，先说一个概念，文档普通流，就是元素标签正常在HTML里的顺序，块级元素从上至下排列，行内元素从左到右排列。
绝对定位
绝对定位：absolute，元素相对于离它最近的已定位祖先元素进行移动，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块（一般是HTML元素，也可能是画布
在实际使用过程中，经常会遇到需要在页面间进行传值的情况，最初设想一定需要后端才能进行数据的存储和读取，或者在本地使用一个cookie进行保存，直到了解到HTML5 Web存储
使用HTML5的新特性可以在本地存储用户的浏览数据。相比之前的cookie，Web 存储更加的安全与快速. 这些数
W3School离线手册(2017.03.11版)下载：https://pan.baidu.com/s/1c6cUPE7jC45mmwMfM6598A
CSS（层叠样式表）
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表HTML（标准
columns语法：columns：[ column-width ] || [ column-count ]设置或检索对象的列数和每列的宽度
其中：[ column-width ]：设置或检索对象每列的宽度；[ column-count ]：设置或检索对象的列数。
css代码：&
语法：
box-flex：<number>
其中number取值：使用浮点数指定对象所分配其父元素剩余空间的比例。设置或检索伸缩盒对象的子元素如何分配其剩余空间。(伸缩盒最老版本)
html代码：
<ul
什么是calc()?
calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pading、font-size和w
margin合并
当两个元素在垂直方向并列，分别设置margin值时会发生一个margin合并的现象
举个例子，有两个div，垂直并列，box1设置margin-bottom:20px，box2设置margin-top:50px，
<!DOCTYPE html>
<html la
CSS居中算是一个比较基础的问题，在实际运用中，需要考虑到的一般是两种情况，一种是主要是表现为文字，图片等行内元素的居中，一种是指 div 等块级标签元素的居中。
1.水平居中
text-align
【场景一】：在父元素中设置text-align:center实现行内元素水平居中
将子元素
1. 属性
如height、color等，称作css的属性。
2. 值
在css中，如：10px, 50%, #ccc等这些都称作css的值。比较常见的类型值有：整数值，数值，百分比值，长度值，颜色值
3. 关键字
特指css里面一些很关键的单词。如solid、absolute、block等都是关键
在公司培训一段时间不久就去流浪了一段时间，现在回来重新捧起心爱的编程，特别亲切。
自学HTML&CSS,别人说了很多，这那这那的，无论简单还是困难，不亲自去俯下身子学习，怎么都学不会HTML和CSS。
当然这只是进阶的基础，买了两本，特别好，无论是内容的编排还是可学程度、排版和印刷，都是上上
教程概述
各位网友大家好，我是夜鹰教程网的汤老师，从今天开始，我准备写一套web前端开发的教程。
适合0基础的朋友，从最简单的html开始。
力争做到学完全套教程能在IT行业就业的水平。
特别适合应届毕业生、已上班但是想转行的朋友、喜欢前端开发的业余爱好者。&
个人因为转前端的原因，每天学一点和大家呢分享一点。然后今天抽空一边看手册一边敲，下面我会把代码附上。
style.css文件
html文件
效果图
客服
