![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
国境之南Fantasy
Coder
展开
-
CSS padding margin border属性详解
图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域:内容(content)、内边距(padding)、边框(border)和外边距(margin)。对于初学者,经常会搞不清楚margin,background-color转载 2015-05-11 10:20:32 · 1011 阅读 · 0 评论 -
CSS文档流与块级元素和内联元素
CSS文档流与块级元素(block)、内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提.但我觉得,这个概念实在太重要了.理解了它,一堆CSS布局的理论都 变得易于理解,并且体会到CSS这套设计的合理性转载 2016-03-09 11:48:11 · 365 阅读 · 0 评论 -
float,position,relative,absolute,文档流这些关键术语解惑
在CSS编程中,相信很多人对于上面标题中的这些术语有很大的疑惑,接下来让我们一点点拨开它们的神秘面纱,以及纠正几个关键性的错误,通篇文章我就不提供图示了,我想能看到我这篇文章的人估计也对这些术语表现出来的图示已经很清楚了,这里就不再麻烦上图了。 在解释之前,首先说几本CSS的经典之作(要搞前台的人应该必读的): 1,Cascading Sty转载 2016-03-09 15:54:07 · 1249 阅读 · 0 评论 -
jquery控制css的display
Js代码 使用jquery真的很方便,比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明。 $("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。转载 2016-03-10 15:09:41 · 693 阅读 · 0 评论 -
CSS: float属性和position属性的区别和应用
在使用div+css进行网页制作时,我们经常需要对某些元素进行一些必要的定位,使其能按照我们预想的效果呈现在页面合适的位置上,而float和position便是实现这一效果的两种方法。一、浮动(float)float属性经常被运用于制作Horizontal Menu(横向菜单)和实现多列式网页布局。根据它提供的 left 和right 两个值,我们可以很容易的把特定的元素从文档流中转载 2016-03-10 21:33:09 · 4099 阅读 · 0 评论 -
应不应该使用inline-block代替float
inline-blockfloat本文由99根据Steven Bradley的《Should You Use Inline-Blocks As A Substitute For Floats?》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://www.转载 2016-03-13 16:04:51 · 2418 阅读 · 0 评论