- 博客(9)
- 收藏
- 关注
RSS订阅原创 浮动二三事
浮动二三事浮动 1、没有设定宽度的块级元素设置float左/右浮动之后，其宽度会随其内容而撑开，如果没有内容，那么整个块等同于消失。（浮动让元素inline-block化） 2、补充：无论当下什么类型的元素，在设置了浮动或绝对定位后，其显示方式都会按照inline-block来处理；浮动影响 1、浮动会脱离文档流，但仍然影响着布局！ 2、元素设置浮动造成的影响：
2016-02-28 16:27:24
323
原创 CSS水平/垂直居中方法一览
CSS水平/垂直居中方法一览水平居中宽度固定: 1、margin:0 auto; 2、position:absolute;left:50%;margin-left:-width/2;宽度不定: 1、父元素设置text-align:center;子元素设置display:inline-block; 2、父元素设置float:left;position:relative
2016-02-25 22:39:56
302
原创 Sublime Text编辑器使用技巧
Sublime Text编辑器使用技巧 工欲善其事,必先利其器。 安装了五花八门插件后的SublimeText堪称开发神器。 本文用于记录一些常用的快捷键，致力于：花更少的时间，写更多的代码！1、常用快捷键 按键 效果 Cmd+N 新建编辑区 Cmd+Shift+D 快速拷贝当前行至下一行 Cmd+P 快速导航（项目中的文件） Cmd+P+
2016-02-21 23:04:21
413
原创 CSS3之2D变形
CSS3之2D变形一直以来，WEB开发工程师只能依赖于图片、Flash和JavaScript实现一些页面外观的修改、变换。现如今当我们站在CSS3这个巨人的肩膀上，想要实现诸如元素的移动、缩放、倾斜和旋转等效果，一切都是轻而易举的。1、2D位移实现元素的位移必须通过调用translate()函数，它可以接受1~2个参数；参数仅1个时，其默认为tx（横坐标的位移向量） tx为正数则向右移，tx为负
2015-11-01 18:02:32
655
原创 CSS3动画
CSS3动画概述CSS3动画animation和CSS3过渡transition十分类似，都是通过改变元素的属性来实现一段动画。二者的区别在于：过渡是元素从初始样式到结束样式的平滑转换，其前后元素的变化只有2个状态，transition属性调用的是变化的属性名称。动画则是通过插入多个（>=2个）类似于Flash里的关键帧来声明一个动画，每个关键帧内书写着元素不同时刻的样式，animation属性
2015-10-17 16:00:25
421
原创 CSS3过渡
transition概述CSS3的transition功能是使得css样式在发生改变的时候有一个平滑过渡的过程，从效果上看就是一段动画。transition属性包含4个子属性：transition-property：待过渡的属性名称transition-duration：过渡的周期时长（单位s/ms）transition-timing-function：过渡函数（过程的速度变化）transi
2015-10-15 16:22:23
607
原创 CSS3选择器
本文讨论以下10种选择器1.基本选择器 选择器 描述 *(通配) 文档的所有元素 E（元素） 指定类型的所有元素 #id(ID) 指定ID的唯一元素 .class(类) 指定类名的所有元素 selector1,selector2 指定多个选择器匹配的元素 注意事项： 多类选择器的写法：.class1.class2{…} 元素必须同时匹配
2015-10-09 12:58:37
462
原创 JavaScript的词法结构
1、字符集 常见的字符集包括ASCII、GB2312、Unicode等，其中ASCII字符集是采用1个字节编码1个字符，而作为ASCII字符集的超集，Unicode则是采用2个字节编码1个字符，Unicode字符集足够编码地球上所有的语言！JavaScript程序的编写正是采用了Unicode字符集。 JavaScript代码严格区分大小写，需要注意的是，HTML不区分大小写（尽管XHTML
2015-08-17 00:15:58
433
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人