H5
文章平均质量分 61
蒙眼的藏羚羊
凝视深渊过久,深渊回以凝视。
展开
-
H5学习笔记之元素分类
常用的块状元素有: 、、…、、、、、、 、 常用的内联元素有: 、、、、、、、、、、常用的内联块状元素有:、设置display:block就是将元素显示为块级元素。 设置display:inline将元素设置为内联元素。 设置 display:inline-block就是将元素设置为内联块状元素 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个原创 2017-01-08 17:48:07 · 346 阅读 · 0 评论 -
H5学习笔记之CSS代码语法
css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示:选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示: p{font-size:12px;color:red;}就像原创 2017-01-08 17:47:12 · 596 阅读 · 0 评论 -
H5学习笔记之CSS三大特性
一:继承 继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本 二:特殊性 下面是权值的规则: 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。例如下面的代码: p{color:red;} /权值为1/ p span{color:green;}原创 2017-01-08 17:46:40 · 359 阅读 · 0 评论 -
H5学习笔记之代码简写
盒模型代码简写 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同,如下面代码: margin:10px 10px 10px 10px;可缩写为: margin:10px;2、如果top和bottom值相同、left和 right的值相同,如下面代码: margin:10px 20px 10px 20px;可缩写为: margin:10px 20px;3原创 2017-01-08 17:46:11 · 1423 阅读 · 0 评论 -
H5学习笔记之Transform
Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现,老样子,我们就从transform的语法开始吧。一、旋转rotaterotate原创 2017-01-08 17:44:19 · 3129 阅读 · 0 评论 -
H5学习笔记之CSS3 animation
animation基本用法是: animation: name keeping-time animate-function delay times iteration final; 第一个参数:name (animation-name): 动画的名字,即设定动画过程的名字,CSS3采用“关键帧 keyframes”来定义动画,方式形如: @-webkit-keyframes name{原创 2017-01-08 17:45:35 · 516 阅读 · 0 评论