
CSS
AveryCN
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
float作用
如果不定义浮动的话,各个div的内容在页面上是由上向下排列的。而如果某个div定义了float: left,那么这个div就会出现在上层div下最靠左的位置,而与它同一等级,但列在它后面的div就会显示在他的右侧了。同样,如果定义了float:right,那么这个div就会出现在上层div下最靠右的位置,而与它同等级,但列在它前面的div就会显示在他的左侧。两栏或多栏式页面布局就会用到它。转载 2014-05-03 10:50:20 · 2668 阅读 · 0 评论 -
css中link visited hover active伪类的书写顺序
在前端设计中我们经常遇到这样的问题:给链接添加了a:hover,但是鼠标移上去却完全没反应。归根结底是锚伪类书写顺序造成的。根据CSS就近原则,从底往向上顺序查找,一直找到满足条件的定义为止。A标签的4个伪类::link适用于未被访问的链接;:visited适用于已经访问过的链接;:hover鼠标指针指向一转载 2014-05-03 14:06:27 · 1101 阅读 · 0 评论 -
CSS float和CSS clear
float 属性定义元素在哪个方向浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。请看下图,当把框 1 向右浮动时,它脱离文档流并且向右移动,直到它的右边缘碰到包含框的转载 2014-05-04 10:52:00 · 457 阅读 · 0 评论 -
html之link的rel属性
添加数据设定外部文件的链接。标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素,它仅包含属性。此元素只能存在于 head 部分,不过它可出现任何次数。在 HTML 中, 标签没有结束标签。在 XHTML 中, 标签必须被正确的关闭。除了HTML的标准通用属性之外,link元素还包括很多可选属性: charset, href, hrefla转载 2014-05-03 11:32:58 · 1647 阅读 · 0 评论 -
CSS浮动(float,clear)通俗讲解
CSS浮动(float,clear)通俗讲解 很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家。 写在前面的话: 由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只转载 2014-05-04 10:53:34 · 413 阅读 · 0 评论 -
图解CSS的padding,margin,border属性
图解CSS的padding,margin,border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域:内容(content)、边框距(padding)、边界(border)和边距(margin)。 对于初学者,经常会搞不清楚margin,background-c转载 2014-05-03 13:41:06 · 509 阅读 · 0 评论 -
a:link,a:visited,a:hover,a:active
1:解释link:连接平常的状态visited:连接被访问过之后hover:鼠标放到连接上的时候active:连接被按下的时候 详细的: :hover版本:CSS1/CSS2 兼容性:IE4+ NS4+ 语法: Selector : hover { sRules } 说明: 设置对象在其鼠标悬停时的样式表属性。 在转载 2014-05-03 14:05:14 · 544 阅读 · 0 评论 -
8款非常实用的CSS工具推荐
从学习新的CSS3属性,到使您的CSS代码更高效,这里必然有你需要的一款CSS工具。1.CSS3 Patterns GalleryCSS3 Patterns Gallery,让您通过缩略图或全屏模式浏览各种CSS3样式,搜集各种各样的CSS样式以便于你可以借用到你的网站上。2.PrefixMyCSSPrefixMyCS转载 2014-05-08 13:57:13 · 931 阅读 · 0 评论