![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 96
lwj0310
这个作者很懒,什么都没留下…
展开
-
块级元素与行内元素的区别
1、块级元素的盒子会扩展到与父元素同宽:这就是为什么块级元素独占一行的原因了。 2、行内元素的盒子会收缩到包紧其内容:这也是为什么几个连续的行内元素会并排一行的原因。 3、块级元素可以设置 width、height,而行内元素不行,行内元素的宽高是根据其内容定的。 4、块级元素的margin 和 padding 设置没有问题,但是行内元素无法设置上下的 margin 和 padd转载 2014-04-25 17:27:04 · 607 阅读 · 0 评论 -
CSS定位 (div+css说起)
CSS 定位和浮动 CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。 定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。显然,这个功能非常强大,也很让人吃惊。要知道,用户代理对 CSS2 中定位的支持远胜于对其转载 2014-04-25 17:34:27 · 579 阅读 · 0 评论 -
CSS中怎么让DIV居中
CSS 如何使DIV层水平居中 今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性, 网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题. 可是事实上这样的方法科学吗? 经过网络搜索和亲自实验得出以下结论: 正确的也是对页面构造没有影响的设置如下: 对需要水平居中的DIV层添加以下属性: margin-left: au转载 2014-04-25 17:51:10 · 471 阅读 · 0 评论 -
CSS 布局总结——固定宽度布局
固定宽度布局 单列布局 固定宽度的单列布局中,外层指定宽度(如果没指定宽度,会自动伸展),设置 margin: 20px auto; 实现居中即可。 HTML结构: [html] view plaincopy > html> head> title>单列固定宽度t转载 2014-04-25 17:22:37 · 494 阅读 · 0 评论 -
CSS 注意点
1、行内元素之间水平的 margin 取总和;块级元素之间竖直的 margin 取大者,也就是发生“塌陷”(当元素浮动的时候,不会发生塌陷);子元素的 margin 会作为父元素的内容,超过时会发生溢出,但在 IE 低版本中会自动扩大父元素。 2、没有设置 width 的盒子会自动向右伸展,直到不能伸展为止,即是伸展到父元素所能容纳的大小为止,此时的 width 值即为伸展之后的转载 2014-04-25 17:28:27 · 508 阅读 · 0 评论 -
CSS 特殊选择符
1、子元素选择符 > :父元素 > 子元素 2、紧邻同胞选择符 + :元素1 + 元素2 元素2 必须紧跟着元素1 3、兄弟选择符 ~ :元素1 ~ 元素2 元素2 与元素1 同级并在元素1 之后,不一定紧跟 4、通配选择符 * : 关于 * 有一个作用就是选择非子元素:p * a{ color: red;} 表示 p 的后代转载 2014-04-25 17:53:32 · 428 阅读 · 0 评论 -
CSS 布局总结——变宽度布局
变宽度布局 1-2-1 等比例变宽 总宽度设置 width: 85%; min-width: 650px; (关于IE6的min-width支持,可用) content 设置 width: 66%; float: left; side 设置 width: 33%; float: right; 加入clear 空div HT转载 2014-04-25 17:31:22 · 527 阅读 · 0 评论