随笔分类 - Css相关
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：a标签的title属性可以实现鼠标放上去显示信息的功能 加入href =”javascript:return false;” 可以实现不可点击功能 加入style=”opacity: 0.2”可以实现变灰的效果
阅读全文
摘要：段落前面空两个字的距离，不要再使用空格了，用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文
阅读全文
摘要：锚点链接有什么作用呢？当一个页面过长，拖动起来非常的费劲，于是在本页面建立锚点链接，在本页面进行链接。 1、先举个例子，说下下锚点链接的概念。 如图所示，比如，如图所示是一个网页。 锚点链接的意思说就是：“abc”就是一个链接，我点击“abc”之后，就会跳转到"123"的位置上。 最常用的方式，在一
阅读全文
摘要：word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。它们的区别就在于：1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation
阅读全文
摘要：css3隔行变换色---www.jbxue.com 1111111前端路上是脚本学堂的多人博客 222222222222CSS3隔行换色测试 333333333提供jquery 教程实例学习代码、html5教程实例和css/css3教程实例学习代码。 44444444前端路上博客的灵魂：学...
阅读全文
摘要：一张图片，用CSS分割成多个小图标。 css样式： 调用：直接class="icon tu0501"
阅读全文
摘要：注：图片名称（tabicons.png）每个小图标width:18px;height:18px从左上角坐标为（-0px;-0px;）; 例如第一个对号的坐标为(-0px;-0px;)第二个加号的图标为(-20px;-0px;)中间依次加20个像素 截取小图标样式 样式调用示例
阅读全文
摘要：例1（小米米官网）：font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; 例2（淘宝技术研发中心）：font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif; 例3（加网 ）：fon
阅读全文
摘要：前提：我们可以把一个网页里面的内容理解为一个XML或者说网页本身也就是一个XML文档，XML文档都有很特殊的象征:"标签"也叫"节点"。我们都知道一个基本的网页格式是 <!DOCTYPE /> <head></head> <body><body /> <head></head> <body><bod
阅读全文
摘要：一.动态创建link方式 我们可以使用link的方式.如下代码所示. 二.动态创建style方式 但是,这样的话,需要加载整个css文件,但是那样有可能浪费一个http请求并占用一个服务器请求数,并等待上一段下载时间,所以,Firebug Lite采取的是将css代码写在js中,然后动态创建styl
阅读全文
摘要：perfect-scrollbar - www.97zzw.com -97站长网 武汉国光劳保用品厂是一家生产和加工劳保产品性质的劳动密集型企业，位于素有“劳保用品之乡”之称的武汉市蔡甸区。企业始创于2001年，直至今日，已经有十多年的发展历史了。企业成立初期，主要 以生产和加工劳保用帆布手套为主，在生产经营过程中，取得了良好...
阅读全文
摘要：可能大家厌倦了千篇一律的页面滚动条，如果你希望能够设计出与众不同的页面UI设计的话，Perfect ScrollBar可能就是你寻找的解决方案。 这个滚动条来自于一个个人项目，一个简单但是非常棒的滚动条设计。当然这里也有其它的解决方案，如果你有兴趣也可以阅读： 使用jQuery插件jScrollPa
阅读全文
摘要：一、形如<span>ABC</span>独立行设置SPAN为固定宽度方法如下： span {width:60px; text-align:center; display:block; } 实际验证结果：IE6 OK， FIREFOX 3 OK。 一、形如<span>ABC</span>DEF格式行设
阅读全文
摘要：这个是固定的DIV This tall div is absolutely positioned 500 pixels from the top and 60 pixels from the left of its containing block.
阅读全文
