2016 年 9月随笔档案 - 日积跬步，终至千里

CSS浮动设置与清除

摘要：float:设置浮动浮动会使元素脱离普通文档流，使元素向左或向右移动，其周围的元素也会重新排布，在布局中非常有用。 html：不设置浮动时浏览器显示如下：设置左浮动float:left;后浏览器显示如下：设置右浮动float:right;后浏览器显示如下： clear:清除浮动当有的元素不阅读全文

posted @ 2016-09-21 10:28 日积跬步，终至千里阅读(284) 评论(0) 推荐(0)

jQuery向父辈遍历的方法

摘要：通过DOM树可以可容易的访问到html文档中的所有元素例如向上访问父辈的元素有以下方法 1.parent()方法可以得到所定元素的直接父元素 $("span").parent();得到<span>元素的直接父元素 2.parents()方法得到给定元素的所有父元素 $("span").parent 阅读全文

posted @ 2016-09-17 12:44 日积跬步，终至千里阅读(784) 评论(0) 推荐(0)

CSS背景属性background

摘要：background属性是所有背景属性的缩写：以下是这些背景属性： background-color：背景颜色你可以通过颜色名称（red/green/blue)来设置也可以用十六进制（#fff/#000/#bcbcbc) 还可以用到rgb(x,x,x) x取值（0~255） backgroun 阅读全文

posted @ 2016-09-15 21:47 日积跬步，终至千里阅读(379) 评论(0) 推荐(0)

用CSS3产生动画效果

摘要：相关属性： @keyframes规则：定义动画语法：@keyframes animationname{keyframes-selector {CSS-style;}} animationname:动画名称 keyframes-selector:动画持续百分比（0%~100%) from(表示0%）阅读全文

posted @ 2016-09-14 13:52 日积跬步，终至千里阅读(337) 评论(0) 推荐(0)

HTML DOM介绍

摘要：HTML DOM定义了一系列的对象，以及访问和处理HTML的方法。通过DOM可以浏览所有的HTML元素，不但可以修改或者删除元素的文本和属性，而且可以创建新的元素。一.首先对一个元素进行操作前，要得到要操作的元素，有三种方法得到元素： 1.通过id名，getElementById(id) 2.通过阅读全文

posted @ 2016-09-13 11:58 日积跬步，终至千里阅读(358) 评论(0) 推荐(0)

CSS盒子模型（Box Model）

摘要：所谓的盒子模型是将html元素看成一个盒子。在日常生活中，盒子是最常见到的物品。比如一盒月饼，有外包装盒，里面是一般铁盒，再里面的是朔料或者是纸类包装，一盒大包装里有好几个小包装。一样的道理，在html中每个标签看成一个有型的盒子，标签之间的可以看成盒子与盒子的关系。盒子模型组成：内容（conte 阅读全文

posted @ 2016-09-12 23:43 日积跬步，终至千里阅读(279) 评论(0) 推荐(0)

基于Bootstrap的页面排版知识

摘要：标题： Bootstrap定义了所有HTML的标题样式，<h1>...<h6>标签或者在标签内加入.h1 class等可以得到一样的效果效果：副标题：标签<small>或者添加.small class 效果：缩写： <abbr>标签,title属性中写全称 <abbr title="Worl 阅读全文

posted @ 2016-09-09 17:35 日积跬步，终至千里阅读(417) 评论(0) 推荐(0)

html中常用的标签小结

摘要：内容详细标签： <h1>~<h6>标题标签<pre>格式化文本<u>下划线（underline)<i>斜体字（italics）<cite>引用，通常为斜体<em>强调文本通常为斜体<strong>加重文本，通常为黑体<font>设置字体、字体大小、颜色等<big><small>字体变大和字体变小<d 阅读全文

posted @ 2016-09-06 19:50 日积跬步，终至千里阅读(298) 评论(0) 推荐(0)

标签页的切换方法（DOM）

摘要：效果： 1.点击“JAVA语言” 2.点击“C语言” 3.点击C++语言代码：阅读全文

posted @ 2016-09-06 10:21 日积跬步，终至千里阅读(1013) 评论(0) 推荐(0)

创建元素的方法总结

摘要：效果：阅读全文

posted @ 2016-09-05 15:54 日积跬步，终至千里阅读(191) 评论(0) 推荐(0)

html中的列表标签

摘要：1.<dl>定义列表，<dt>定义列表中的项目，<dd>对项目的描述例：效果： 2.<ul>无序列表，<li>列表项例：效果： 3.<ol>有序列表，<li>列表项例：效果：阅读全文

posted @ 2016-09-05 11:09 日积跬步，终至千里阅读(183) 评论(0) 推荐(0)