u012578908的博客

简体中文页面：html lang=zh-cmn-Hans繁体中文页面：html lang=zh-cmn-Hant英语页面：html lang=en

transition 属性是一个简写属性，用于设置四个过渡属性：transition-propertytransition-durationtransition-timing-functiontransition-delay值描述transition-property规定设置过渡效果的 CSS 属性的名称。transition-duratio

以下两行语句有什么区别？CssCss如果大家不清楚，请听我娓娓道来。CCS3中的Transform是设置界面样式和动画的一大利器。而且在Chrome和FF中还支持3D变换。IE9不支持，IE10支持。只要是3D场景都会涉及视角问题和透视的问题。在Transform中的设置方法比较简单：只能选择透视方式，也就是近大远

charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。

基础知识1.position:static：默认定位，出现在正常流中2.position:fixed：相对于浏览器的固定位置，窗口滚动不会变，不占空间，例{position:fixed; top:30px; right:5px;}3.position:relative：相对其正常位置，占空间

xp、win7系统中C:\Windows\System32\drivers\etc

box-sizing是css3属性示例div{box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}content-box：width不包含padding和borderborder-box：widt

总体概念block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满。大体来说HTML元素各有其自身的布局级别（block元素还是inlin

angular项目出现"The header content contains invalid characters"错误问题描述：启动项目，访问"http://localhost:8000/"出现('The header content contains invalid characters');解决方案输入 ”npm install karma --save““

规定属于其父元素的第二个子元素的每个 p 的背景色：p:nth-child(2){background:#ff0000;}

backface-visibility 属性定义当元素不面向屏幕时是否可见。backface-visibility:hidden;-webkit-backface-visibility:hidden; /* Chrome 和 Safari */-moz-backface-visibility:hidden; /* Firefox */-ms-backface-visibility:hi

:如果你有ie9的话说明你有ie789，那么就调用高版本的那个也就是ie9这个如果IE有安装Google Chrome Frame，那么就走安装的组建，如果没有就是上面的一样针对IE 6，7，8等版本的浏览器插件Google Chrome Frame，可以让用户的浏览器外观依然是IE的菜单和界面，但用户在浏览网页时，实际上使用的是Google Chrome浏览器内核。

传统浏览器目前不会被完全取代，令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。 Modernizr 正是为解决这一难题应运而生，作为一个开源的 JavaScript 库，Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况。 Modernizr 并非试图添加老版本浏览器不支持的功能，而是令你通过创建可选风格配置修改页面设计。 它也可以通过加载定制的脚本来模拟老版本

一、前言兼目录索引transition, transform, animation可分别理解为过渡，变换，动画transition指过渡啦，就是从a点到b点，就像过江坐渡轮，是有时间的，是连续的，一般针对常规CSS属性；transform指变换，就那几个固定的属性：旋转啦，缩放啦，偏移啦什么的，若独立于远房亲戚transition使用，效果就是很干涩机械的旋转移动。要是配合transi

preventDefault() 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。

min-width与max-width用于设置图片最小最大宽度限制比较多。比如一个图片为主列表，对象里图片大小不定时候，为了不想让他太小不统一这个时候我们可以使用css最小宽度样式。再如，一个盒子里有文章有图片混排的时候，有时图片宽度不能确定，这个时候如果图片宽度超出了div盒子宽度，可能就会撑破div盒子造成图片混乱。

width为宽度max-width为最大宽度如果设置了width，那宽度就定死了而设置了max-width，实际宽度可以在0~max-width之间，当元素内部宽度不足max-width时，外层元素的宽度随内层元素宽度改变何时用max-width要看需求，如果极其简单的布局width是够了

CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效果添加到某些选择器。可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。伪类种类伪元素种类区别这里用伪类 :first-child 和伪元素 :first-letter 来进行比较。p>i:first-child {colo

CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外，就是接下来要介绍的这两个伪元素了。Creative Button Styles一

1.安装 // React 的核心库 // 提供与 DOM 相关的功能 // Babel 可以将 ES6 代码转为 ES5 代码2.基本语法    ReactDOM.render(        Hello, world!,        document.getElementById('example')    );3.使用 cre