css
文章平均质量分 63
cindy_rain
快乐学习
展开
-
关于Block Formatting Context--BFC和IE的hasLayout
转自:关于Block Formatting Context--BFC和IE的hasLayout 一、BFC是什么? BFC(Block Formatting Context)直译为“块级格式化范围”。是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。当涉及到可视化布局的时候,Block Formatting Context提供了一个环转载 2015-11-20 17:08:08 · 288 阅读 · 0 评论 -
css实现阴影效果
用CSS实现阴影效果//今天写的html的部分的一部分<div class="main"> <h2>请选择您的身份类型:</h2></div>//css部分.main{ width:1003px; min-height:600px; margin:40px auto; padding-bottom:21px; box-shadow:0px 0px原创 2015-10-29 20:57:08 · 355 阅读 · 0 评论 -
css的某些特殊属性
当我们为同一个元素设置了两个css属性时,这个元素会使用哪一个属性呢?<p class="style">css特殊性</p>p{ color:red;}.style{ color:blue;}p和.style都匹配到这个元素上,这个元素会选择哪个呢?浏览器会选择.style。这是根据一个叫做权值的特性来决定的。哪种权值高就使用哪种样式。 权值规则 *标签权值:1转载 2015-11-17 19:11:08 · 455 阅读 · 0 评论 -
关于垂直居中
垂直居中——父元素高度确定 设置父元素的height和line-height的值相等垂直居中——父元素高度不确定 多行文本,图片,块状元素的垂直居中有:插入table(包括tbody,tr td)标签,同时设置vertical-align:middle;这个vertical-align:middle只在父元素为th、td时才生效。html代码<table><tbody><tr><td cl转载 2015-11-17 20:09:21 · 286 阅读 · 0 评论 -
闭合浮动
原文:那些年我们一起清除过的浮动 一、清除浮动 还是 闭合浮动 (Enclosing float or Clearing float)? 清除浮动:就是clear,属性有clear:left/right/none; 闭合浮动:就是是浮动闭合,从而减少浮动带来的影响; 两者的区别: 通过两个图片的对比,我们可以看出清除浮动和闭合浮动的区别:清除浮动不能解决高度塌陷的问题。 二.浮动原创 2015-11-20 16:39:32 · 403 阅读 · 0 评论 -
布局和定位
网页的三种布局流动模型(flow) flow:默认的网页布局模型。浮动模型(flow) 可以让块级元素显示在一行,用到 float:left/right;层模型(layer) 层模型有三种形式: (a)position:absolute; 这种形式将元素从文档流中拖出,然后用left,right,top,bottom属性相对于最接近的一个具有定位属性的父包含块进行绝原创 2015-11-17 20:34:19 · 384 阅读 · 0 评论 -
关于水平居中
水平居中——行内元素 对于如文本,图片等行内元素,使用text-align:center;水平居中——定宽块状元素 前提条件: 1. 宽度确定 2. 块状元素 方法:左右margin设为auto;<div>定宽块状元素</div>div{ width:500px; margin:1原创 2015-11-17 19:52:25 · 325 阅读 · 0 评论 -
既爱又恨的inline-block
今天被inline-block坑了初出茅庐,第一天实习的我就被inline-block坑了,在平时的练习中从未碰到这个坑,幸亏公司的一个热心的小伙伴指点,我才解决。也怪我学艺不精啦。好了,来说说我是怎么被坑的吧。 OK,模拟一下场景,怎么调都不对,愚蠢的我居然没有去想inline-block的锅。 图(1) 我们从图中可以看到中间黄色方块的底部是和旁边红色方块的英文字对齐的,和蓝色方块的原创 2016-09-15 20:59:22 · 852 阅读 · 0 评论