动画及阴影
一.拼接网页
将区域整体划分起名 => 对其他区域布局不产生影响
提出公共css => reset操作
当有区域发送显示重叠(脱离文档流导致的), 需要通过z-index调整层级
一定需要最外层,且最外层做自身布局时,不要做过多布局操作
二.过渡
transition属性
标签：HTML
linux基础学习之软件安装以及常用命令
调用中央仓库：
yum install wget
然后下载nodejs：
wget https://nodejs.org/dist/v10.14.2/node-v1
html文档结构
1 <!DOCTYPE html>
2 <html lang="zh-CN"> #这个lang表示语言，zh-CN中文的意思，整个文档的内容以中文为主，如果以英文为主，就写成lang='en'
3
4 <head>
5
声明
本篇内容摘抄自以下两个来源：
BootStrap中文网
感谢大佬们的分享。
正文-响应式布局（BootStrap）
这次想来讲讲一个前端开发框架：BootStrap
BootStrap 目前已经出了 4 个版本，每个版本都有对应的官网教程，先来看看不同版本里的宣传语：
简洁、直观、强悍的前端
一、关于选择器的命名
W3C CSS2.1的 4.1.3 节中提到：标识符（包括选择器中的元素名，类和ID）只能包含字符[a- zA-Z0-9]和ISO 10646字符编码U+00A1及以上，再加连字号（-）和下划线（_）；它们不能以 数字，或一个连字号后跟数字为开头。它们还可以包含转义字符加
一、什么是CSS盒模型？
CSS盒模型又称CSS框模型，它规定了元素框处理元素内容、内边距、边框、和外边距的方式。
元素框的最内部分是实际内容，直接包围在内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默
最近在IE10下运行一个以前的做web系统发现了两个小问题：
一、图片上使用"alt"属性来添加一些文字提示信息在IE10下无法正常显示出来
上网查了一下原因：原来是现在一些较新的浏览器，比如在IE9、IE10使用"alt"属性时，在图片能够正常显示的情况下，在图片中设置"alt"属性的值将
声明
本篇内容梳理自以下几个来源：
Github:smyhvae/web
Bootstrap网站的 less 文档
Sass中文网
感谢大佬们的分享。
正文-CSS预处理（less&Sass）
CSS预处理
什么是 CSS 预处理？为什么要有 CSS 预处理？
这里就讲讲这两个问题，写过 C
本文由云+社区发表
Flex是Flexible Box 的缩写，意为"弹性布局"，是CSS3的一种布局模式。通过Flex布局，可以很优雅地解决很多CSS布局的问题。下面会分别介绍容器的6个属性和项目的6个属性。每个属性会附上效果图，具体实现代码会以github路径形式更新于此。
1.浏览器支持情
1.导入汉化文件
import '../../../node_modules/moment/locale/zh-cn.js'
2.使用汉化
<span>{{item.time|amLocal:'zh-cn'|amCalen
在Web页面上，如果想模拟对话框效果，一般会给div元素添加position:fixed的样式来实现，然后给背景添加一个半透明的遮罩。如：
.fixedDiv {
position: fixed;
top: 0;
rig
标签格式
格式：
双边：<标签名 属性1="值1" 属性2='值2' 属性3=值3>内容</标签名>
单边：<标签名 属性1="值1" 属性2='值2' 属性3=值3 />
特点：
标签都是成对出现的，单边标签也不要忘记结尾的'/'
容错性强，
1、文字排版--字体：利用font-family设置字体，注意设置的字体必须是本地电脑中存在的字体。
例子：class="MicrosoftYahei"的h1标签的字体设置为 宋体 ，效果如下
<!DOCTYPE HTML><html><head><
前端之盒模型显隐、定位与流式布局思想
盒模型的显隐
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>盒子的显隐</title>
&l
平时如果我们想要通过鼠标点击元素上的某个区域的时候，例如Canvas中的某个点时，就需要计算具体的坐标点。鼠标事件提供了三组坐标，下面我们讲解一下它们之间的关系。
第一组：(clientX,clientY),这组是视口坐标，那什么是视口区？ 下面界面是一个简单的页面，滚动
回流和重绘可以说是每一个web开发者都经常听到的两个词语，我也不例外，可是一直不是很清楚这两步具体做了什么事情。最近由于部门内部要做分享，所以对其进行了一些研究，看了一些博客和书籍，整理了一些内容并且结合自己的体会，写了这篇文章，希望可以帮助到大家。
浏览器的渲染过程
本文先从浏览器的渲染过程来从头
1、标题页加图标：2、隐藏滚动条
3、placeholder 颜色改变：
4、文字两端对齐
5、微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能
6、微信里不能复制解决办法7、（1）判断内核是PC还是手机，手机微信客户端与PC微信客户端（好用）7、（2）js判
前端之常用标签的使用、边界圆角、精灵图以及盒模型的布局
前言
上篇博客介绍了组合选择器，包括四种，分别是群组选择器、后代（子代）选择器、兄弟（相邻选择器）及交集选择器；a 标签的四大伪类选择器，a:link、a:hover、a:active、a:visited，其中 hover 和 active 也
清除浮动：
在非IE浏览器下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。即父级对象盒子无法被撑开，这个现象叫浮动溢出，为了防止这个现象的出现而进行的
今日目标 使用CSS完成网站首页的优化 使用CSS完成网站注册页面的优化 使用JS完成简单的数据校验 使用JS完成图片轮播效果 教学目标：
- 了解CSS的概念
- 了解CSS的引入方式
- 了解CSS的基本用法和常用的选择器
- 了解CSS的盒子模型，悬浮和定位
- 了解JS的概念
- 掌握JS的
客服
