![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
泡泡泡
这个作者很懒,什么都没留下…
展开
-
<html lang="en">
简体中文页面:html lang=zh-cmn-Hans繁体中文页面:html lang=zh-cmn-Hant英语页面:html lang=en原创 2016-01-19 17:50:40 · 1495 阅读 · 0 评论 -
transition
transition 属性是一个简写属性,用于设置四个过渡属性:transition-propertytransition-durationtransition-timing-functiontransition-delay值描述transition-property规定设置过渡效果的 CSS 属性的名称。transition-duratio原创 2016-01-20 13:49:19 · 331 阅读 · 0 评论 -
perspective
以下两行语句有什么区别?CssCss如果大家不清楚,请听我娓娓道来。CCS3中的Transform是设置界面样式和动画的一大利器。而且在Chrome和FF中还支持3D变换。IE9不支持,IE10支持。只要是3D场景都会涉及视角问题和透视的问题。在Transform中的设置方法比较简单:只能选择透视方式,也就是近大远转载 2016-01-20 15:01:43 · 752 阅读 · 0 评论 -
charCodeAt()
charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。原创 2016-01-21 11:09:08 · 582 阅读 · 0 评论 -
元素定位
基础知识1.position:static:默认定位,出现在正常流中2.position:fixed:相对于浏览器的固定位置,窗口滚动不会变,不占空间,例{position:fixed; top:30px; right:5px;}3.position:relative:相对其正常位置,占空间原创 2015-12-18 20:14:56 · 390 阅读 · 0 评论 -
本地电脑域名映射文件位置
xp、win7系统中C:\Windows\System32\drivers\etc原创 2016-01-25 10:43:06 · 546 阅读 · 0 评论 -
box-sizing
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原创 2016-01-08 09:56:33 · 706 阅读 · 0 评论 -
block,inline和inline-block
总体概念block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。大体来说HTML元素各有其自身的布局级别(block元素还是inlin转载 2015-12-25 10:34:57 · 284 阅读 · 0 评论 -
The header content contains invalid characters
angular项目出现"The header content contains invalid characters"错误问题描述:启动项目,访问"http://localhost:8000/"出现('The header content contains invalid characters');解决方案输入 ”npm install karma --save““原创 2017-03-07 18:21:40 · 2577 阅读 · 0 评论 -
:nth-child()
规定属于其父元素的第二个子元素的每个 p 的背景色:p:nth-child(2){background:#ff0000;}原创 2016-01-20 13:42:31 · 253 阅读 · 0 评论 -
backface-visibility
backface-visibility 属性定义当元素不面向屏幕时是否可见。backface-visibility:hidden;-webkit-backface-visibility:hidden; /* Chrome 和 Safari */-moz-backface-visibility:hidden; /* Firefox */-ms-backface-visibility:hi原创 2016-01-20 13:37:20 · 564 阅读 · 0 评论 -
http-equiv="X-UA-Compatible"
:如果你有ie9的话说明你有ie789,那么就调用高版本的那个也就是ie9这个如果IE有安装Google Chrome Frame,那么就走安装的组建,如果没有就是上面的一样针对IE 6,7,8等版本的浏览器插件Google Chrome Frame,可以让用户的浏览器外观依然是IE的菜单和界面,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核。原创 2016-01-19 17:59:16 · 680 阅读 · 0 评论 -
Modernizr的介绍和使用
传统浏览器目前不会被完全取代,令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。 Modernizr 正是为解决这一难题应运而生,作为一个开源的 JavaScript 库,Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况。 Modernizr 并非试图添加老版本浏览器不支持的功能,而是令你通过创建可选风格配置修改页面设计。 它也可以通过加载定制的脚本来模拟老版本转载 2016-01-19 18:05:02 · 286 阅读 · 0 评论 -
transition, transform和animation
一、前言兼目录索引transition, transform, animation可分别理解为过渡,变换,动画transition指过渡啦,就是从a点到b点,就像过江坐渡轮,是有时间的,是连续的,一般针对常规CSS属性;transform指变换,就那几个固定的属性:旋转啦,缩放啦,偏移啦什么的,若独立于远房亲戚transition使用,效果就是很干涩机械的旋转移动。要是配合transi转载 2016-01-20 16:56:23 · 822 阅读 · 0 评论 -
preventDefault()
preventDefault() 方法阻止元素发生默认的行为(例如,当点击提交按钮时阻止对表单的提交)。原创 2016-01-20 19:29:39 · 476 阅读 · 0 评论 -
min-width和max-width
min-width与max-width用于设置图片最小最大宽度限制比较多。比如一个图片为主列表,对象里图片大小不定时候,为了不想让他太小不统一这个时候我们可以使用css最小宽度样式。再如,一个盒子里有文章有图片混排的时候,有时图片宽度不能确定,这个时候如果图片宽度超出了div盒子宽度,可能就会撑破div盒子造成图片混乱。原创 2016-01-20 10:48:10 · 337 阅读 · 0 评论 -
width和max-width
width为宽度max-width为最大宽度如果设置了width,那宽度就定死了而设置了max-width,实际宽度可以在0~max-width之间,当元素内部宽度不足max-width时,外层元素的宽度随内层元素宽度改变何时用max-width要看需求,如果极其简单的布局width是够了原创 2016-01-20 10:51:28 · 904 阅读 · 0 评论 -
伪类和伪元素
CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效果添加到某些选择器。可以明确两点,第一两者都与选择器相关,第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。伪类种类伪元素种类区别这里用伪类 :first-child 和伪元素 :first-letter 来进行比较。p>i:first-child {colo转载 2016-01-20 12:01:35 · 331 阅读 · 0 评论 -
::before 和 ::after 伪元素用法
CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,就是接下来要介绍的这两个伪元素了。Creative Button Styles一转载 2016-01-20 12:30:30 · 346 阅读 · 0 评论 -
react学习文档
1.安装 // React 的核心库 // 提供与 DOM 相关的功能 // Babel 可以将 ES6 代码转为 ES5 代码2.基本语法 ReactDOM.render( Hello, world!, document.getElementById('example') );3.使用 cre原创 2017-10-06 17:11:15 · 840 阅读 · 0 评论