css
用border-radius做圆和奥运五环的的效果
语法： border-radius: 1-4 length|% / 1-4 length|%; 相关属性： border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , bor […]
CSS实现Div层背景半透明而内容不透明的效果
前几天有一个学弟问我，怎么样能实现Div层背景半透明而内容不透明的效果呢，他写的效果不管怎么调试都是div层里面的内容是透明的。我想了一下，用浮动层可以做到啊，下面是代码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 […]
纯CSS实现气泡提示框聊天框效果
世界上的语言多种多样，字符的种类也是千差万别，形状也是千奇百怪，所以，有些字符就可以当作图形来使用，以模拟一些web表现效果。很多对话框尖角就可以使用棱形字符(◆)来实现，我们可以让其溢出div显示，不就有了尖角效果了吗！定位可以使用margin负值或是absolute绝对定位。 […]
推荐几款很棒的 HTML5 视频播放器
作为下一代的网页语言，HTML5 拥有很多让人期待已久的新特性，其中之一就是 video 标签，让开发者可以在网页中和添加图片一样简单的方式添加视频。在这篇文章中，我收集了7个很棒的HTML5视频播放器，你可以很容易的应用到你的网站中。 VideoJS VideoJS 是最流行的 […]
Css中路径data:image/png;base64的用法详解
大家可能注意到了，网页上有些图片的src或css背景图片的url后面跟了一大串字符，比如： 1 2 3 4 5 6 7 background-image:url(data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAk […]
IE6,IE7,IE8 CSS兼容性bug解决方法详解
断断续续的在开发过程中收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！ 希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法！ 1：li边距“无故”增加 任何事情都是有原因的，li边距也不例外。 先描述一下具体 […]
关于块级元素和行内元素的区别及详解
内联元素(inline element) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 * a – 锚点 * abbr – 缩写 * acronym – 首字 […]
CSS中的Expression行为详解
IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。 就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的 […]
完全纯代码实现文章浏览量和博客统计功能
用WordPress搭建的网站，肯定想知道你的文章被多少人点击看过吧。 一些用于统计文章点击次数的插件可以解决这个问题。不过，我用的的是一个更简单的不用任何插件实现点击数统计的方法。 首先，需要创建相关的函数。你可以把下面的代码粘贴到你所用主题的 functions.php 文件 […]
WordPress返回顶部、查看评论、转到底部代码
很多时候一个网页上的内容一次显示不完，除了分页解决外，就需要借助滚动条实现滑动。不管基于什么需求，用户总有时候想直接查看评论、转到底部、返回顶部。 那么作为设计者，我们要事先设计好一个快捷工具。通过插件当然可以事先很多很炫的功能，但是抱着对插件“宁少勿多，宁省不用”的基本原则，本 […]