CSS从大图片上截取小图标详解

一张图片,用CSS分割成多个小图标。 css样式: .icon{ background:url(../images/tabicons.png) no-repeat;width:18px; line-height:18px; d...

纯CSS隔行换色详解

<head>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   <title>css3隔行变...

DIV的内容自动换行详解

word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。它们的区别就在于:1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行...

制作锚点链接详解

锚点链接有什么作用呢?当一个页面过长,拖动起来非常的费劲,于是在本页面建立锚点链接,在本页面进行链接。 1、先举个例子,说下下锚点链接的概念。 如图所示,比如,如图所示是一个网页。 锚点链接的意思说就是:“abc”就是一个链接,我...

a标签默认颜色详解

<a href="www.baidu.com">test</a> <span style="color:#428bca;">test</span> <span style="c...

Div+Css实现段落首行缩进两个字符(text-indent标签)详解

段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单位em...

a标签置灰不可点击详解

a标签的title属性可以实现鼠标放上去显示信息的功能 <a title="编辑" href ="javascript:return false;" onclick="return false;" style="text-d...

a标签设置手型详解

添加css样式:cursor: pointer;...

子级div相对于父级div位置不变详解

设置父级div为相对位置 设置子级div为绝对位置 代码如下: <!DOCTYPE html> <html> <head> <meta charset="u...

js获取当前页面相关信息详解

1. 获取整个url:     console.log(window.location.href)       http://localhost:8082/Index.html?name=tom 2. 获取域名加端口号:&nbs...