baidu_24743861的博客

建议遵循以下顺序：1、布局定位属性：display | position | float | clear | visibility | overflow2、自身属性：width | height | margin | padding | border | background3、文本属性： color | font | text-decoration | text-align | vertical | vertical-align | white-space | break-word...

一、为什么要清除浮动很多情况下父级盒子不方便给高度，但是盒子子元素浮动就不占有位置，最后父级盒子高度为0，就影响了下面的标准流盒子二、清除浮动的本质清除浮动主要是为了解决父级元素因为子级浮动引起内部高度为0的问题。清除浮动之后，父级元素就会根据浮动的子盒子自动检测高度。父级有了高度，就不会影响下面的标准流了。三、清除浮动的方法知识点：1)、clear:left;不允许左侧有浮动的元素（清除左侧浮动的影响）2)、clear:right; 不允许右侧有浮动的元素（清除右侧浮动的影响）

（1）、浮动的元素，漂浮在普通留的上面（2）、浮动的盒子，把自己原来的位置漏给下面标准流的盒子，就不占有原来的位置，是脱离标准流的，俗称“脱标”（3）、特征：float属性会改变元素的display属性。（生成的块级框和行内块极其相似）注意：浮动的元素相互贴在一起的，但如果父级宽度装 不了这些浮动的盒子，多出的盒子会令起一行排列。...

1、普通流（标准流）（1）、块级元素会独占一行，从上到下顺序排列 常用元素：div、hr、p、h1-h6、ul、ol 、table、dl、form（2）、行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行。常用元素span、a、i、em等2、浮动让盒子从普通流中浮起来，主要作用让多个块级盒子一行显示3、定位将盒子定在浏览器的某一个位置--CSS离不开定位，特别是JS特效。...

1、正方形变圆形border-radius:50%;/*或者正方形长度的一半*/2、矩形的圆角border-radius:矩形高度的一半px;

使用margin定义块元素的垂直外边距时可能会出现外边距的合并1、相邻块元素垂直外边距的合并（1）、当上下相邻的两个元素相遇时，如果上面的元素有下外边距（margin-bottom）（2）、当下面的元素有上外边距（margin-top）,则他们之间的垂直间距不是margin-bottom和margin-top之和（3）、取两个值中较大者这种现象被称之为相邻块元素垂直外边距的合并（也称为外边距塌陷）2、嵌套块元素垂直外边距的合并（塌陷）（1）、对于两个嵌套关系的块元素，如果父元素没有上

*{ padding:0;/*清除元素的内边距*/ margin:0;/*清除元素的外边距*/}

1、插入图片我们用的最多，比如产品展示类，移动位置只能靠padding margin2、背景图片我们一般用于小图标背景或者超大背景图片。移动位置只能通过background-position;img{ width:200px; height:200px; margin-top:30px; margin-bottom:40px;}div{ width:200px; height:200px; background:url(images

1、文字居中是：text-align:center;而且还可以让行内元素和行内块居中对齐2、块级盒子水平居中 左右margin改为autotext-align:center; /*文字 行内元素 行内块元素水平居中对齐*/margin: 10px auto;/* 块级元素水平居中 左右margin改为auto就可以了 上下margin值随意*/...

让一个块级盒子实现水平居中必须满足以下两个条件：（1）、盒子必须指定宽度（width）（2）、左右外边距都设置为auto实际工作中常用这种方式进行网页布局，示例代码如下：.header{ width:960px; margin:0 auto;}常见的写法，以下三种都可以：（1）、margin-left:auto； margin-right:auto;（2）、margin:auto;（3）、margin: 0 auto;...

盒子的实际大小=内容的宽度（width）和高度（height）+内边距（padding）+ 边框（border）padding不影响盒子大小的情况：如果一个盒子没有宽度，则padding不会撑开盒子

border-collapse:collapse;table,th,td{ border: 1px dashed red; /*此时会出现边框重叠*/ border-collapse: collapse;/* 合并相邻边框*/ }

标签选择器 计算权重公式 继承或者*（通配符） 0,0,0,0 标签选择器 0,0,0,1 类选择器 0,0,1,0 ID选择器 0,1,0,0 行内样式 1,0,0,0 !important 无穷大

background:rgba(0,0,0,0.3);（1）、最后一个参数是alpha 透明度 取值范围0-1；（2）、习惯性把0.3的0省略掉，这样写 background:rgba(0,0,0,.3);（3）、注意：半透明是指盒子北京半透明，盒子里面的内容不受影响；（4）、因为是CSS3，所以低于ie9 的版本是不支持的。...

1、水平居中：text-align:center;2、垂直居中可以借助行高（line-height）等于高度行高和高度的关系：（1）、如果行高等于高度，文字会垂直居中（2）、如果行高大于高度，文字会偏下（3）、如果行高小于高度，文字会偏上...

1、行内元素转换成块级元素：display：block;2、块级元素转换成行内元素:display:inline;3、行内元素转行内块级元素：display:inline-block;

1、相邻行内元素在一行上，一行可以显示多个2、高宽直接设置是无效的3、默认宽度就是它本身内容的宽度4、行内元素只能容纳文本或其他行内元素

选择器 作用 特征 使用情况 隔开符号及用法 后代选择器 用来选择元素后代 选择所有的子孙后代 较多 符号是空格 .nav a 子代选择器 选择最近一级元素 只选亲儿子 较少 符号是> .nav>a 交集选择器 选择两个标签交集的部分 既是又是 较少 没有符号 p.red 并集选择器 选择某些相同样式的选择器 可以用于集体声明 较多 符号是逗号 p,div..

text-indent:2em; //首行缩进2个字em：字符宽度的倍数，1em就是一个字的宽度，如果是汉字的段落，1em就是一个汉字的宽度。

1、background-position: x y ;background-position:100px 30x; 表示距离左边100像素，距离上边30像素background-position:50% 10%; 在X轴居中，距离上方10%的距离background-position:left top;左上（X轴的值可为left,center,right 、y轴的值可为left,ce...

在HTML中标签中的数字和字母默认是不换行的，如果要将它们换行，需要设置两个CSS属性：word-break:break-all;word-wrap:break-word

1、Jquery获取控件的坐标位置//offset()获取当前元素基于浏览的位置 var left = $("selector").offset().left;//元素相当于窗口的左边的偏移量var top = $("selector").offset().top;//元素相对于窗口的上边的偏移量//var pleft = $("selector").scrollLeft();/...

//CSS3.text-div-center { display: -moz-box;/*兼容Firefox*/ display: -webkit-box;/*兼容FSafari、Chrome*/ -moz-box-align: center;/*兼容Firefox*/ -webkit-box-align: center;/*兼容FSafari...

解决办法：给div添加如下CSS.read-write-plaintext-only { //纯文本 -webkit-user-modify: read-write-plaintext-only;}

text-indent: 12px 首行缩进12pxcolor:red 文字颜色（1em=1个文字大小）text-align 文字对齐方式（left/center/right）text-decoration：underline（下划线）/line-through(删除线)/overline(上划线)/noneletter-spacing:5px 字母间距（字间距）word-...