2016年02月_badlyForPapers

原创【HTML5】基础知识

1、声明：2、Hello //align还可以设置为left、right3、ahref="http://www.jikexueyuan.com"target="_self">a> //在本页面打开链接想到了再补充吧！

2016-02-27 03:56:27 356

原创【CSS3】关于box-shadow的扩展半径

这个参数很少用到，大部分情况下都省略了，但如果不理解，心里不舒服，所以还是说一下吧。box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];先说一句，模糊半径就是模糊程度，值越大越模糊，大家都懂吧。有人说扩展半径有点类似于在阴影上增加了一个padding的东西，我倒觉得，如果参照物是阴影的话，我倒觉得扩展半径类似于增加

2016-02-26 15:44:21 2554 1

原创【CSS3】不错的博客

小浩学长：http://www.cnblogs.com/xiaohaoxuezhang/

2016-02-26 02:06:01 379

原创【CSS3】box-sizing 属性

实例规定两个并排的带边框的框：div{box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */width:50%;float:left;}完整程序： div.containe

2016-02-26 01:37:35 518

原创【CSS3】CSS生成内容:content

在Web中插入内容，在CSS2.1时代依靠的是JavaScript来实现。但进入CSS3进代之后我们可以通过CSS3的伪类“:before”，“:after”和CSS3的伪元素“::before”、“::after”来实现，其关键是依靠CSS3中的“content”属性来实现。不过这个属性对于img和input元素不起作用。content配合CSS的伪类或者伪元素，一般可以做以下四件事情：

2016-02-26 01:24:45 1183

原创【CSS3】CSS3外轮廓属性

外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。outline属性早在CSS2中就出现了，主要是用来在元素周围绘制一条轮廓线，可以起到突出元素的作用。但是并未得到各主流浏览器的广泛支持，在CSS3中对outline作了一定的扩

2016-02-26 01:01:41 703

原创【CSS3】自由缩放属性resize

为了增强用户体验，CSS3增加了很多新的属性，其中resize就是一个重要的属性，它允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。到目前为止，可以使用overflow属性的任何容器元素。在此之前，Web设计师为了要实现这样具有拖动效果的UI，使用大量的脚本代码才能实现，这样费时费力，效率极低。resize属性主要是用来改变元素尺寸大小的，其主要目的是增强用户体验。但使用方

2016-02-26 00:57:15 3253

原创【面试问题】伪类和伪元素的区别

先记着这个问题，等有时间再来写。

2016-02-25 21:51:45 377

原创【CSS3】伸缩布局

CSS3引入了一种新的布局模式——Flexbox布局，即伸缩布局盒模型（Flexible Box），用来提供一个更加有效的方式制定、调整和分布一个容器里项目布局，即使它们的大小是未知或者动态的，这里简称为Flex。Flexbox布局常用于设计比较复杂的页面，可以轻松的实现屏幕和浏览器窗口大小发生变化时保持元素的相对位置和大小不变，同时减少了依赖于浮动布局实现元素位置的定义以及重置元素的大小

2016-02-25 04:31:12 1814

原创【CSS3】盒子模型

CSS中有一种基础设计模式叫盒模型，盒模型定义了Web页面中的元素中如何来解析。CSS中每一个元素都是一个盒模型，包括html和body标签元素。在盒模型中主要包括width、height、border、background、padding和margin这些属性，而且他们之间的层次关系可以相互影响，来看一张盒模型的3D展示图：（单击可放大）从图中可以看出padding属性和

2016-02-25 03:34:13 417

原创【CSS3】跨列设置column-span

column-span主要用来定义一个分列元素中的子元素能跨列多少。column-width、column-count等属性能让一元素分成多列，不管里面元素如何排放顺序，他们都是从左向右的放置内容，但有时我们需要基中一段内容或一个标题不进行分列，也就是横跨所有列，此时column-span就可以轻松实现，此属性的语法如下。column-span: none | all取值说明

2016-02-25 03:01:07 3417

原创【CSS3】列表边框column-rule

column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule是不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。语法规则：column-rule:||取值说明：属性值属性值说明column-rule-wi

2016-02-25 02:30:01 733

原创【CSS3】列间距column-gap

column-gap主要用来设置列与列之间的间距，其语法规则如下：column-gap: normal || 取值说明属性值属性值说明normal默认值，默值为1em（如果你的字号是px，其默认值为你的font-size值）。此值用来设置列与列之间的距

2016-02-25 02:17:32 1585

原创【CSS3】多列布局——column-count

column-count属性主要用来给元素指定想要的列数和允许的最大列数。其语法规则：column-count：auto | 取值说明：属性值属性值说明auto此值为column-count的默认值，表示元素只有一列，其主要依靠浏览器计算自动设置。此值为正整数

2016-02-25 02:14:19 1856

原创【CSS3】多列布局——column-width

column-width的使用和CSS中的width属性一样，不过不同的是，column-width属性在定义元素列宽的时候，既可以单独使用，也可以和多列属性中其他属性配合使用。其基本语法如下所示；column-width: auto | 取值说明属性值说明auto如果column-width设置

2016-02-25 02:12:17 561

原创【CSS3】多列布局——Columns

为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主要应用在文本的多列布局方面，这种布局在报纸和杂志上都使用了几十年了，但要在Web页面上实现这样的效果还是有相当大的难度，庆幸的是，CSS3的多列布局可以轻松实现。接下来咱们一起学习多列布局相关的知识。语法：co

2016-02-25 02:02:46 424

原创【CSS3】设置动画时间外属性

animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。其四个属性值对应效果如下：属性值效果none默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处forwar

2016-02-25 01:24:40 487

原创【CSS3】设置动画的播放状态

animation-play-state属性主要用来控制元素动画的播放状态。参数：其主要有两个值：running和paused。其中running是其默认值，主要作用就是类似于音乐播放器一样，可以通过paused将正在播放的动画停下来，也可以通过running将暂停的动画重新播放，这里的重新播放不一定是从元素动画的开始播放，而是从暂停的那个位置开始播放。另外如果暂停了动画的

2016-02-24 23:42:54 677

原创【CSS3】设置动画播放方向

animation-direction属性主要用来设置动画播放方向，其语法规则如下：animation-direction:normal | alternate [, normal | alternate]*其主要有两个值：normal、alternate1、normal是默认值，如果设置为normal时，动画的每次循环都是向前播放；2、另一个值是alterna

2016-02-24 23:31:11 1661

原创【CSS3】设置动画播放次数

animation-iteration-count属性主要用来定义动画的播放次数。语法规则：animation-iteration-count: infinite | [, infinite | ]*1、其值通常为整数，但也可以使用带有小数的数字，其默认值为1，这意味着动画将从开始到结束只播放一次。2、如果取值为infinite，动画将会无限次的播放。

2016-02-24 22:34:52 4632 1

原创【CSS3】设置动画开始播放的时间

animation-delay属性用来定义动画开始播放的时间，用来触发动画播放的时间点。和transition-delay属性一样，用于定义在浏览器开始执行动画之前等待的时间。语法规则：animation-delay:[,]*案例演示：浏览器渲染样式之后2S之后触发move动画。HTML:CSS:@keyframes move

2016-02-24 22:33:54 2869

原创【CSS3】设置动画播放方式

2016-02-24 22:29:32 402

原创【CSS3】设置动画播放方式

2016-02-24 22:19:55 408

原创【CSS3】设置动画播放时间

animation-duration主要用来设置CSS3动画播放时间，其使用方法和transition-duration类似，是用来指定元素播放动画所持续的时间长，也就是完成从0%到100%一次动画所需时间。单位：S秒语法规则animation-duration: [,]*取值为数值，单位为秒，其默认值为“0”，这意味着动画周期为“0”，也就是没有动画效果（如果值为负值

2016-02-24 22:18:58 3427 1

原创【CSS3】调用动画

animation-name属性主要是用来调用 @keyframes 定义好的动画。需要特别注意: animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致（区分大小写），如果不一致将不具有任何动画效果。语法：animation-name: none | IDENT[,none|DENT]*;1、IDENT是由 @keyframes

2016-02-24 22:06:07 424

原创【CSS3】Keyframes介绍

Keyframes被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。@keyframes changecolor{ 0%{ background: red; } 100%{ background: green; }}在一个“@key

2016-02-24 21:50:51 1353

原创【CSS3】动画--过渡延迟时间 transition-delay

transition-delay属性和transition-duration属性极其类似，不同的是transition-duration是用来设置过渡动画的持续时间，而transition-delay主要用来指定一个动画开始执行的时间，也就是说当改变元素属性值后多长时间开始执行。有时我们想改变两个或者多个css属性的transition效果时，只要把几个transition的声明串在一起，

2016-02-24 19:02:28 20155

原创【CSS3】动画--过渡函数 transition-timing-function

transition-timing-function属性指的是过渡的“缓动函数”。主要用来指定浏览器的过渡速度，以及过渡期间的操作进展情况，其中要包括以下几种函数：(单击图片可放大)案例展示：在hover状态下，让容器从一个正方形慢慢过渡到一个圆形，而整个过渡是先加速再减速，也就是运用ease-in-out函数。HTML代码:CSS代码:di

2016-02-24 18:59:32 1807

原创【CSS3】动画--过渡所需时间 transition-duration

transition-duration属性主要用来设置一个属性过渡到另一个属性所需的时间，也就是从旧属性过渡到新属性花费的时间长度，俗称持续时间。案例演示：在鼠标悬停（hover）状态下，让容器从直角慢慢过渡到圆角，并让整个动画持续0.5s。HTML:CSS:div { width: 300px; height: 200px; backgroun

2016-02-24 18:57:02 785

原创【CSS3】动画--过渡属性 transition-property

动画--过渡属性 transition-property早期在Web中要实现动画效果，都是依赖于JavaScript或Flash来完成。但在CSS3中新增加了一个新的模块transition，它可以通过一些简单的CSS事件来触发元素的外观变化，让效果显得更加细腻。简单点说，就是通过鼠标的单击、获得焦点，被点击或对元素任何改变中触发，并平滑地以动画效果改变CSS的属性值。在CSS

2016-02-24 18:55:13 1943

原创【CSS3】变形--原点 transform-origin

任何一个元素都有一个中心点，默认情况之下，其中心点是居于元素X轴和Y轴的50%处。如下图所示：在没有重置transform-origin改变元素原点位置的情况下，CSS变形进行的旋转、位移、缩放，扭曲等操作都是以元素自己中心位置进行变形。但很多时候，我们可以通过transform-origin来对元素进行原点位置改变，使元素原点不在元素的中心位置，以达到需要的原点位置。tr

2016-02-24 18:45:25 4385

原创【CSS3】matrix

matrix使用方法：transform: matrix(a,b,c,d,e,f);根据得到：x’=ax+cy+ey’=bx+dy+f其中，x和y是元素最开始的坐标，x’ 和y’则是通过矩阵变换后得到新的坐标。需要说明的几点：1、translate和scale都很好理解，利用公式很容易得到。2、旋转rotate:比matrix方便多了。方

2016-02-24 17:46:43 465

原创【CSS3】变形--位移 translate()

translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件。translate我们分为三种情况：1、translate(x,y)水平方向和垂直方向同时移动（也就是X轴和Y轴同时移动）2、translateX(x)仅

2016-02-24 15:52:16 45084 2

原创【CSS3】变形--缩放 scale()

缩放 scale()函数让元素根据中心原点对对象进行缩放。缩放 scale 具有三种情况：1、 scale(X,Y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩放）例如：div:hover { -webkit-transform: scale(1.5,0.5); -moz-transform:scale(1.5,0.5) transfo

2016-02-24 15:41:47 16192 1

原创【CSS3】变形--扭曲 skew()

这个用法和rotate非常相似。扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变元素的形状。skew()函数不会旋转，而只会改变元素的形状。Skew()具有三种情况：1、skew(x,y)使元素在水平和垂直方向同时扭曲（X轴和Y轴同时按一定的角

2016-02-24 15:39:19 18636

原创【CSS3】变形--旋转 rotate()

旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。如下图所示：HTML代码： CSS代码：.wrapper { width: 200px; height: 200px; bord

2016-02-24 15:31:13 1865

原创【CSS3】 CSS3实现“图片阴影”效果

学习前端有点类似于学习英语，很多东西需要一点点累积，下面讲解CSS3实现图片阴影效果。1、实验效果2、原理分析3、源程序

2016-02-24 00:06:40 18445

原创【CSS3】::before和::after

::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。.clearfix::before,.clearfix::after { content: "."; display: block; height: 0; visibility: hidden;}.clearfix:

2016-02-23 17:38:53 748

原创【CSS3】:read-write选择器

“:read-write”选择器刚好与“:read-only”选择器相反，主要用来指定当元素处于非只读状态时的样式。示例演示使用“:read-write”选择器来设置不是只读控件的文本框样式。HTML代码：姓名: 地址: CSS代码：form { width: 300px; paddi

2016-02-23 17:33:55 329

原创【CSS3】:read-only选择器

“:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’”示例演示通过“:read-only”选择器来设置地址文本框的样式。HTML代码：姓名: 地址: readonly="readonly" /> CSS代码：f

2016-02-23 17:30:49 1495

3GPP LTE无线链路关键技术

ftp服务器的配置

动态链接库的学习

空空如也