一、多媒体对象 这些抽象的对象样式用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。 .media：该 class 允许将媒体对象里的多媒体（图像、视频、音频）浮动到内容区块的左边或者右边。 .media-list：如果你需要一个列表，各项内容是无序列表的一部分，可以使用该 class。可用于评论列表与文章列表。 1.基...
自购0瓶 自购1瓶 自购2瓶 自购3瓶 自购5瓶 自购10瓶 自购0个 自购1个 自购2个 自购3个 自购5个 自购10个 想让两个select和前面的图片jiayo...
本篇主要介绍HTML DOM Window对象的属性和方法。 目录 1.介绍：描述HTML DOM Window对象。 2.属性：介绍window对象的属性。如：对Console、Document、History、Location和Navigator对象的引用。 3.方法：介绍window对象的方法。如：获取焦点、改变滚动条、设置定时器等等。 1. 介绍 Window对象表示浏览器打开的窗口、标签或者框架(若当前页面里包含多个iframe，会为每个iframe创建Window对象)。 Window对象不会被实...
今天来谈一谈CSS样式的面向对象写法。顾名思义，面向对象是高级语言具备的特性，主要是为了程序高可复用，解决模块之间的耦合关系，那么像CSS这样的脚本语言是否也可以使用面向对象的思想，来提高代码的可维护性和可扩展性呢？答案是肯定的，运用面向对象的思想来编写CSS代码，可以极大提高前台代码的效率。 目前常用的一种CSS代码组织方法是：base.css + common.css + page.css , 这样的组织架构让人很容易联想到常用的三...
text-align的作用对象是什么:建议:尽可能的手写代码，可以有效的提高学习效率和深度。可能这个问题比较简单，但是还是有很多初学者使用text-align属性来对齐div、span元素。其实这是错误的认识，text-align属性用来规定对象内文本的对齐方式。代码实例如下:实例一: 蚂蚁部落div { width: 250px; height: 250px; border: 1px solid green; text-align: right;}.children { border: 1px solid blue; width: 100px...
css的after伪对象选择器简单介绍:本章节将会介绍一下after伪对象选择器的用法，希望能够给需要的朋友带来一定的帮助。此选择器前面要加两个点:或者四个点::，两个点的时候是css2中的写法，在css3中规定是四个点，这是为了和伪类选择器进行区别，当然当前两个点也是适用的。语法结构: E:after{ Rules } E::after{ Rules } 此选择器能够设置元素内部结尾的一些结构内容 通常和content属性一起使用，关于content可...
1 2 3 4 5 无标题文档 6
利用伪对象选择器E:after实现清除浮动效果:关于清除浮动已经是老生畅谈的问题，文章实在是太多了，几乎已经被谈烂了。这当然是因为浮动是不居中必须要用到的技巧，那么清除浮动自然也是必须的，但是本章节还是要啰嗦一下，再次介绍一下清除浮动的方法的一种，因为它会用到之前比较少见的伪对象选择器，希望能够引起大家的注意。先看一段代码实例: 蚂蚁部落#box{ width:300px; margin:0px auto; border:5px solid re...
Node做网页爬虫时遇到的Html entites对象造成乱码 就是文字内容是这种货： ???? 尝试用iconv-lite模块的decode去转码，但是失败了。 这种叫HTML Entities，可以借助一些模块来转换，比如，html-entities Github。 HTML Entities是什么请参照如下网址： http://www.w3school.com.cn/html/html_entities.asp html-entities的使用方法如下 var Entities = require(html-entities).XmlEntities;ent...
css使用伪对象选择器设置元素内容:本章节分享一段代码实例，它实现了使用css的伪对象选择器设置内容的功能。这里只是做一下简单的演示，更多内容可以参阅相关阅读。代码实例如下: 蚂蚁部落#antzone:after{ content:"softwhy.com"; color:blue;}蚂蚁部落的url地址是: 上面的代码可以为div元素添加后续内容，然后设置后续内容的颜色。相关阅读:（1）.:after可以参阅CSS的伪对象选择符E:after/E::after一章节。（...
console对象是JavaScript的原生对象，它有点像Unix系统的标准输出 stdout和标准错误 stderr，可以输出各种信息用来调试程序，而且还提供了很多额外的方法，供开发者调用。它的常见用途有两个。 显示网页代码运行时的错误信息。提供了一个命令行接口，用来与网页代码互动。 1.浏览器实现 console对象的浏览器实现，包含在浏览器自带的开发工具之中。以Chrome浏览器的“开发者工具”（Developer Tools）为例...
前言 当今 JavaScript 大行其道，各种应用对其依赖日深。web 程序员已逐渐习惯使用各种优秀的 JavaScript 框架快速开发 Web 应用，从而忽略了对原生 JavaScript 的学习和深入理解。所以，经常出现的情况是，很多做了多年 JS 开发的程序员对闭包、函数式编程、原型总是说不清道不明，即使使用了框架，其代码组织也非常糟糕。这都是对原生 JavaScript 语言特性理解不够的表现。要掌握好 JavaScript，首先一点是必须摒弃一些其他高...
div的padding为百分比的两种情况 padding-top,padding-bottom,margin-top,margin-bottom 是百分比时是按照当前元素的父级元素的宽度来计算的 1. 当div的宽度是百分比时 html代码 无标题html,body{margin:0;padding:0;height:100%;}.row{width:100%;}.row:before , .row:after{display: block;content:'';height: 0;clear:both;}.col-md-4{float: left;width:33.33%;}.blue-bg{padding-top: 33.33%;back...
前言 在理解浮动和定位时，触碰到文档流概念。为了更好理解浮动和定位，学习了文档流和DOM（文档对象模型）。 正文 DOM（文档对象模型）简单理解就是编写的html页面所有内容构成的树形结构。例如： 根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点： 整个文档是一个文档节点。 每个 HTML 元素是元素节点。 HTML 元素内的文本是文本节点。 每个 HTML 属性是属性节点。 ...
DOM节点有一些属性和对象属性. 有时候我们会把他们搞混淆, 因为他们是相关联的, 但是他们真的是两个不同的东西. 特性 DOM节点是一个对象. 因此它可以存储自定义的对象属性和方法,就像任何的Javascript对象. 下面的例子是指定分配一个对象给document.body的myData对象属性. document.body.myData = { name: John}alert(document.body.myData.name) // Johndocument.body.sayHi = function() { alert(this.nodeName)...