css
普通网友
这个作者很懒,什么都没留下…
展开
-
css浮动
经验分享:CSS浮动(float,clear)通俗讲解 很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家。 写在前面的话: 由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解。转载 2015-04-03 22:51:11 · 556 阅读 · 0 评论 -
css中的 border-image详解
转自:css中border-image详解一、border-image的兼容性border-image可以说是CSS3中的一员大将,将来一定会大放光彩,其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限,仅Firefox3.5,chrome浏览器,Safari3+支持border-image。所以,就本文而言,IE浏览器可以回家休息了,Firefox3及其以下以及Opera浏览器转载 2015-06-10 17:58:40 · 2133 阅读 · 0 评论 -
CSS float浮动的深入研究、详解及拓展
CSS float浮动的深入研究、详解及拓展(一)by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=583概念目录个人感悟之CSS代码的情感化思维个人观点之浮动的意义仅仅是文字环绕显示而已个人观点之浮动的本质是“包裹及破坏”个人观点之目前大多数浮转载 2015-06-04 21:54:52 · 769 阅读 · 0 评论 -
CSS旋转与翻转
转自:http://blog.sina.com.cn/a287019674css 2.0还是没有翻转的,3.0里面有rotate属性,这个可以把元素进行任意角度旋转,灰常强大。除了这个rotate,还有一个scale,一般用法格式是-moz-transform:scale(1,1);括弧里面(1,1)前者表示X轴,后者表示Y轴,当数字大于1时放大,大于0并小于1时缩小,很好理解转载 2015-06-03 23:00:13 · 2924 阅读 · 0 评论 -
Font Awesome:图标字体,完全CSS控制
转自:http://www.iteblog.com/archives/1099Font Awesome是一种web font,它包含了几乎所有常用的图标,比如Twitter、facebook等等。用户可以自定义这些图标字体,包括大小、颜色、阴影效果以及其它可以通过CSS控制的属性。它有以下的优点:1、像矢量图形一样,可以无限放大2、只需一种字体,同时拥有多个图标,目前支持439转载 2015-06-03 23:41:58 · 1401 阅读 · 0 评论 -
css3笔记--transition相关属性
过渡相关属性:css3过渡效果涉及到四个属性,也可以使用包含这四个属性的缩写。transition-property:要过渡的css属性名称(比如background-color、text-shadow或者all使用all则过渡会被应用到每个可能的css属性上)transition-duration:定义过渡效果持续的时间(单位为秒如,.3s、.2s或者1.5s)transitio原创 2015-06-17 10:45:27 · 1197 阅读 · 0 评论 -
html权威指南笔记
html5权威指南笔记(顺序阅读)标签基本分类(块元素以及内联元素):块元素 块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签’P”。“form”这个块元素比较特殊,它只能用来容纳其他块元素。另外div、ul、h1-h6都是比较常见的。内联元素 内联元素(inline element)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内原创 2015-05-26 21:06:57 · 801 阅读 · 0 评论 -
css中position理解
position属性的合法值有static、fixed、relative和absolute四种。static是position的默认值,表示有关元素将按照他们在标记里出现的先后顺序出现在浏览器窗口里。relative的含义与static相似,区别在于position属性等于relative的元素可以通过应用float属性从文档的正常顺序里脱离出来,即浮动如果把某个元素的position属性原创 2015-04-07 23:26:24 · 648 阅读 · 0 评论 -
IE9的css hack
转自:http://www.cnblogs.com/iloveyoucc/archive/2012/09/21/2696476.htmldiv {background-color:red\0; /* ie 8/9*/background-color:blue\9\0; /* ie 9*/*background-color:green; /* ie 7*/_backgr转载 2015-04-04 11:24:34 · 1001 阅读 · 0 评论 -
利用css3中的after和content制作简单的tooltip
> 主要使用css中的:after伪类,以及content属性代码块代码块语法如下:.tooltip-block:hover:after{ border: 1px solid #fc0; padding: 3px 6px; background: #fffea1; content: attr(data-title); position: absolute;原创 2015-08-31 14:33:50 · 1339 阅读 · 0 评论