qq_36801250的博客

DIV居中五种展示方法展示注意点1).此方法适用于固定宽高的元素；2).这些属性要作用在居中的的元素本身；3).绝对定位要注意父级定位；4).这些属性方在局中元素的父级元素上；5).块级元素设置两个参数（height与line-height）会让块级元素内部的行级元素（该元素身上有vertical-align:middle属性）垂直水平居中（该方法会有些偏差）；方法一positio...

Sass高级语法@at-root跳出嵌套sass3.3.0中新增的功能，用来跳出选择器嵌套的。默认所有的嵌套，继承所有上级选择器，但有了这个就可以跳出所有上级选择器。.parent-2 { color:#f00; @at-root .child { width:200px; }}上面的代码经过编译以后，会生成如下代码.parent-2 { color:...

Sass基础知识说明：本处的Sass的学习最后是经过nodeJs的学习以后再来进行，因为其中使用的node-sass是编译环境Sass是一种预处理CSS语言，通过SASS的功能，我们可以在写CSS的时候使用继承，变量等功能，SASS是一种兼容性强，成熟，特性丰富的CSS语言在使用SASS之前，我们需要先安装SASS的开发环境，SASS是可以通过NodeJS平台来进行编译处理的Sass与...

CSS在应用过程中的几种特性统一性便捷性分离性我们的分离性是把结构代码HTML与样式代码CSS进行分离，在分离的过程当中，我们可以把行内样式分离成内部样式块，也可以把内部样式块直接分离到一个CSS文件当中去当单独的分离成了一个CSS文件以后，这个时候，我们可以通过两种方式来引入我们的这个CSS文件（页面文件引入样式文件 ）第一种方式<link type="text/css" href="css/css02.css" rel="stylesheet" />第二种方式

过渡与变幻过渡过渡在CSS当中我们使用transition这个属性来进行，但是这个属性它是一个CSS3的属性，它具备一定的兼容性，为了更好的让这个属性应用于不同的浏览器，我们应该针对不同的浏览器添加要应的前缀解决兼容性的问题在解决兼容性的时候，我们可以在这个地方添加相同浏览前缀，具体如下‘IE -ms-以谷歌为核心的浏览器我们使用-webkit-以火狐为核心的浏览器我们使用-...

CSS3动画过渡与变幻结合在一起，我们可以做出很漂亮的效果，但是这个时候，仍然会存在一些情况无法实例过渡需要用户手动的去触发过渡在此应该是只执行一次为了解决上面的这种情况，CSS3在发布的时候，出现了个新的东西叫动画，动画完美的解决了上面的两个问题，现在我们就来看一下动画动画的属性一个元素如果要使用动画，那么，必须要使用一个CSS3的新属性animation,这个属性后面接收一个动...

盒子模型什么是盒子模型首先，在接受这个知识之前我们要弄清楚一个问题，那就是什么是盒子模型以及盒子模型能够为我们解决什么问题？盒子模型主要是针对页面布局的时候来使用了，它规范我们的页面的所有元素的一个布局标准是由外向内进行布局，在这个布局过程当中，这由外向内分别为5层，我们可以通过这5层的模型来快速的去识别出当前这个元素的外边框，内边框，元素的边框以及元素的大小，而这些大大的加强了元素在布局...

CSS概述为什么需要CSS?因为在我们写网页的时候，经常要设置元素（标签）的样式信息，但是这些样式信息并不统一，并且也不好去做设置例如，我们在body是通过text这个属性来设置我们的字体颜色，而在font标签里面，我们又是通过color这个属性来设置字体的颜色，这样无形之中给我们编写代码添加了难度同时，我们在设置一些共同的属性设置的时候也会很麻烦，例如，我们要把一个table表格当中...

##浮动与定位浮动浮动可以理解成向网页的元素发布一个排列命令，它常用的值是left/right/none这三种，当为left的时候，元素从左向右排成一行，当为right时，元素从右向左排成一行当一个元素或多个元素浮动以后，这个时候，一定要注意以下几点：当浮动了元素总的宽度大于外层的宽度的时候，这个时候，它一排放不下，会折反到下面来浮动以后的元素会脱离当前的文档流（也就是我们所指漂浮...