摘要: DOM(Document Object Model,文档对象模型)允许我们用 JavaScript 来探查和操作 HTML 文档里的内容。它对于创建丰富性内容而言是必不可少的一组功能。 1. 理解文档对象模型 DOM 是一组对象的集合,这些对象代表了HTML文档里的各个元素。顾名思义,DOM就像一个 阅读全文
posted @ 2016-07-23 10:25 Luka.Ye 阅读(437) 评论(1) 推荐(0) 编辑
摘要: 1.嵌入另一张HTML文档 iframe 元素允许在现有的HTML文档中嵌入另一张文档。下面代码展示了iframe元素的用法: 在这个例子里,创建一个 name 属性为 myframe 的 iframe 。这样就创建了一个名为 myframe 的浏览上下文。然后就可以把这个浏览上下文与其他元素(具体 阅读全文
posted @ 2016-07-23 09:21 Luka.Ye 阅读(845) 评论(0) 推荐(0) 编辑
摘要: 1.用基本的文字元素标记内容 先看显示效果: 对应HTML代码: 对应元素习惯样式: 2.使用语言元素 ruby、rt 和 rp 元素,先看效果: 对应代码: 3.使用预先编排好格式的内容 pre 元素可以改变浏览器处理内容的方式,阻止合并空白字符,让源文档中的格式得以保留。 阅读全文
posted @ 2016-07-23 09:20 Luka.Ye 阅读(1462) 评论(0) 推荐(0) 编辑
摘要: img元素允许我们在HTML文档里嵌入图像。 要嵌入一张图像需要使用src和alt属性,代码如下: 显示效果: 1 在超链接里嵌入图像 img元素的一个常见用法是结合a元素创建一个基于图像的超链接,代码如下: 浏览器显示这张图片的方式没有什么不同。因此,重要的一点事要向用户提供视觉提示,表明特定图像 阅读全文
posted @ 2016-07-23 09:20 Luka.Ye 阅读(1224) 评论(0) 推荐(0) 编辑
摘要: 1. 设置元素的颜色和透明度 前面有介绍CSS颜色的各种用法,如 background-color属性、boder-color属性等。还有另外两个与颜色有关的属性。 1.1 设置前景色 color属性设置元素的前景色。一般而言,元素对color属性之于它的意义可以有不同的解读,不过实际上,color 阅读全文
posted @ 2016-07-23 04:47 Luka.Ye 阅读(435) 评论(0) 推荐(0) 编辑
摘要: 1. 使用过渡 过渡效果一般是由浏览器直接改变元素的CSS属性实现的。例如,如果使用:hover选择器,一旦用户将鼠标悬停在元素之上,浏览器就会应用跟选择器关联的属性。 当用户将鼠标悬停在span元素上的时候,浏览器就会响应,直接应用新的属性。变化如下图所示: CCS过渡属性允许控制应用新属性值的速 阅读全文
posted @ 2016-07-20 21:47 Luka.Ye 阅读(13563) 评论(2) 推荐(5) 编辑
摘要: 盒子是CSS中的基础概念,我们需要使用它来配置元素的外观以及文档的整体布局。 1. 为元素应用内边距 应用内边距会在元素内容和边距之间添加空白。我们可以为内容盒的每个边界单独设置内边距,或者使用 padding 简写属性在一条声明中设置所有的值。 如果使用百分数值指定内边距,百分数总是根包含块的宽度 阅读全文
posted @ 2016-07-19 19:06 Luka.Ye 阅读(788) 评论(1) 推荐(2) 编辑
摘要: 1. 应用边框样式 先从控制边框样式的属性开始。简单边框有三个关键属性:border-width、border-style 和 border-color 。 在代码中,使用了p元素定义了一个段落,使用 style 元素为这个段落应用边框样式,边框样式是通过设置 border-width、border 阅读全文
posted @ 2016-07-16 21:09 Luka.Ye 阅读(4503) 评论(0) 推荐(0) 编辑
摘要: 1. 使用结构性伪类选择器 使用结构性伪类选择器能够根据元素在文档中的位置选择元素。这类选择器都有一个冒号字符前缀(:),例如 :empty 。它们可以单独使用,也可以跟其他选择器组合使用,如: p:empty 。 1.1 使用根元素选择器 该选择器的效果如下,边框抱着整个文档: 1.2 使用子元素 阅读全文
posted @ 2016-07-16 19:52 Luka.Ye 阅读(734) 评论(0) 推荐(0) 编辑
摘要: CCS选择器的作用是找出某类元素。以便使我们使用style元素或者外部样式表对这类元素设置样式。 1.使用CSS基本选择器 有些选择器使用起来非常简单,我们把这部分选择器称为基本选择器(basic selector)。开发人员可使用这类选择器在文档中进行比较宽泛的选择,也可以将其看作结合多种选择器进 阅读全文
posted @ 2016-07-16 14:38 Luka.Ye 阅读(567) 评论(0) 推荐(0) 编辑