分类:
给a标签超级链接增加其他样式

给a标签超级链接增加其他样式

栏目分类:前端教程 浏览次数:215 发布时间:2015-09-24

给超级链接增加其他样式 Mouse over the links to see them change layout. This link changes color This link changes font-size This link changes background-color This link changes font-family This link changes text-decoration [Ctrl+A...

TAG:
CSS 实用实例(推荐)

CSS 实用实例(推荐)

栏目分类:前端教程 浏览次数:238 发布时间:2015-09-24

Background背景 设置背景颜色 This is header 1 This is header 2 This is a paragraph [Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行 ] 设置一张图片做为背景 [Ctrl+A 全选 注: 如需引入外部Js需刷新才能执...

TAG:
css静态滤镜

css静态滤镜

栏目分类:前端教程 浏览次数:227 发布时间:2015-09-24

很无聊的把n个滤镜堆在一起就成了下面这个效果,呵呵 IE5.5+Only 诘屈聱牙 Chorma Glow DropShadow Blur Wave [Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行 ]...

TAG:
用css截取字符的几种方法详解(css排版隐藏溢出文本)

用css截取字符的几种方法详解(css排版隐藏溢出文本)

栏目分类:前端教程 浏览次数:148 发布时间:2015-09-24

方法一: 复制代码 代码如下: div style="width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;" 任意长度的字符串 /div 说明:优点是内容可以为任何HTML元素,包括超链接和图片等,在...

TAG:
页面遮罩层,并且阻止页面body滚动。bootstrap模态框原理

页面遮罩层,并且阻止页面body滚动。bootstrap模态框原理

栏目分类:前端教程 浏览次数:106 发布时间:2015-09-24

实现思路: 1、需要有一个层将body遮住,放在body上方。 2、修改body的overflow属性值为:hidden 废话不多说了,将关键代码贴出来了,兼容火狐,谷歌,ie 遮罩层的样式代码,红色部分是关...

TAG:
CSS可以做的几个令你叹为观止的实例分享

CSS可以做的几个令你叹为观止的实例分享

栏目分类:前端教程 浏览次数:88 发布时间:2015-09-24

在我写“ 你未必知道的JavaScript和CSS交互的5种方法 ”一文时,人们对于JavaScript和CSS是如何重叠的感到惊讶。今天,我将重点强调你能用CSS完成的7种工作——不需要通过JavaScript或图片。...

TAG:
详细分析div css float 属性以及position:absolute 的区别 以及浮动进行布局排列

详细分析div css float 属性以及position:absolute 的区别 以及浮动进行布局排列

栏目分类:前端教程 浏览次数:135 发布时间:2015-09-24

1.float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素...

TAG:
IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案

IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案

栏目分类:前端教程 浏览次数:103 发布时间:2015-09-24

IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值,重现代码如下 复制代码 代码如下: !DOCTYPE html html head meta charset="utf-8"/ titleIE6-IE9中tbody的innerHTML不能复制bug/title /head body style="height:3000px" table tbody...

TAG:
使用css实现全兼容浏览器的三角形

使用css实现全兼容浏览器的三角形

栏目分类:前端教程 浏览次数:197 发布时间:2015-09-24

在当前流行的的网站上,我们经常会看到一些小三角形的下拉提示(微博顶部的下拉菜单),简单的方式可以使用一张图片代替,但是随着前端技术的发展,以及开发者对于前端性能的...

TAG:
使用css实现全兼容tooltip提示框

使用css实现全兼容tooltip提示框

栏目分类:前端教程 浏览次数:150 发布时间:2015-09-24

最终效果图: 基本原理 先设定一个背景色的普通div盒子,然后使用上篇post得到的三角型图标,把div盒子设置为相对定位模式,三角型图标设置为绝对定位,位置相对于div盒子,调整到...

TAG: