当前位置:主页 > TAG标签 > css
  • CSS3 Heart——CSS3绘制心型 日期:2013-12-26 00:14:49 点击:894 好评:-4

    使用CSS3强大的圆角( border )属性,配合CSS中的 :before 伪元素就可以轻松绘制一个心型图案,省去了加载图片,并且可以自定义颜色等。下面是绘制心型的CSS代码,同时还让它在页面水平垂直居中。在不支持CSS3圆角属性的浏览器(如:IE8-)是看不到的。 CSS...

  • rem设置文字大小 日期:2013-12-26 00:13:21 点击:226 好评:2

    即便现在,用何种单位来设置网页字体大小仍是一个很有争论的问题。而且,各种技术(单位)都存在优点或缺点。所以只能在不太好的选择中选择最适合的。 现在开发人员主要使用两种单位: px(绝对像素)单 em(相对大小)单位 在讲神奇的第三种方法(单位)之...

  • -webkit-filter CSS3滤镜 使用基础教程 日期:2013-12-26 00:11:12 点击:296 好评:0

    由W3C制定了CSS Filter Effects 1.0,现只有webkit支持此属性。 用法: -webkit-filter: opacity(0.5); -webkit-filter: blur(5px) sepia(0.8); 现在规范中支持的效果: grayscale 灰 sepia 褐 saturate 饱和 hue-rotate 色相旋 invert 反 opacity 透明 brig...

  • 如何使用rem单位设置文字大小 日期:2013-12-26 00:09:32 点击:253 好评:4

    CSS3新增了一个相对单位 rem ( root em ),使用 rem 同 em 一样皆为相对字体大小单位,不同的是 rem 相对的是HTML根元素 。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐...

  • viewport meta的含义和用法 日期:2013-12-26 00:06:47 点击:283 好评:4

    meta name = viewport content = width=device-width, initial-scale=1.0, user-scalable=no / 这个是最常见的一条 viewport meta 代码,其意为将 viewport 定义为: 宽度为设备宽度(width=device-width),初始缩放比例为 1 倍(initial-scale=1.0),禁止...

  • CSS自定义滚动条样式 日期:2013-12-26 00:02:58 点击:262 好评:2

    浏览器右边默认的滚动条或许有点呆板。并且在不同操作系统平台(Mac OS,Win xp78)上也有不一致的展现。一般这也不算什么大问题,甚至不算什么问题。但是总有写时候你需要改变一下,为了突出个性而来点不一样的。比如像QQ音乐和我的个人主页。这里所讲的css...

  • div+css+juqery返回顶部按钮代码 日期:2013-12-25 23:52:57 点击:915 好评:4

    实现效果:当页面滑动一段距离之后,就会浮现出来这个按钮,点击这个按钮之后,就自动滚动到顶部。 HTML结构 a id=gotop href=#/a CSS代码 #gotop{ display:block; width:60px; height:60px; position:fixed; bottom:50px; right:40px; border-radius:10px 1...

  • CSS float 浮动 和 清除 浮动 clear 日期:2013-12-05 23:28:30 点击:224 好评:8

    style type=text/cssbody { background-color: #CCC }body, ul { margin: 0; padding: 0 }ul { list-style: none }/* float start */.cl { background-color: #CC0; overflow: auto; _zoom: 100% /* IE 5, 6 */}.fl { background-color: #FC0; float: left }...

  • CSS实现图片垂直居中代码 日期:2013-12-05 23:26:39 点击:270 好评:4

    已测试浏览器: IE(6、7、8、9)IE6、7、8用的是 IE Tester 测试 Firefox 13.0.1 Chrome 19.0.1084.56 m 代码如下: style type=text/cssdiv {background-color: #999;width: 200px}div a {background-color: #999;*display: block; /* IE 6 7 */display: t...

  • CSS中文字属性的设置 日期:2013-09-10 23:40:08 点击:681 好评:4

    font-family 用来设置字体,语法如下: font-family:字体一,字体二,字体三 上述语法定义使用了几种不同的字体,并用都好隔开。当浏览器找不到字体一时,将使用字体二代替,以此类推。如果找不到所有字体时,则会采用默认字体显示。 当font-family使用英文字...

推荐内容