1、一个200*200的div在不同分辨率屏幕上下左右居中，用css实现 a、方法一 <div style="width: 500px;height: 500px;margin: 0 auto;"> <div style="width:200px;height: 200px;position: ab ...
分类：
其他好文 时间：
2018-11-02 18:00:11
阅读次数：
341
推荐使用： 将clearfix添加到父元素，即可清除浮动，原理与添加一个空的块级元素再添加clear: both样式一样，但是使用伪元素可以不破坏页面结构 此时要注意父元素原来是否已经设置了::after伪元素，避免冲突 ...
分类：
其他好文 时间：
2018-11-01 11:31:33
阅读次数：
118
1、父级div定义伪类：after和zoom 原理：IE8以上和非IE浏览器才支持:after，原理和方法2有点类似，zoom(IE转有属性)可解决ie6,ie7浮动问题 优点：浏览器支持好，不容易出现怪问题（目前：大型网站都有使用，如：腾迅，网易，新浪等等） 缺点：代码多，不少初学者不理解原理，要 ...
分类：
其他好文 时间：
2018-10-31 20:47:57
阅读次数：
144
利用伪元素:after清除浮动 让页面呈现多列布局时经常会使用 float:left/right ，可是浮动布局会导致父元素的高度为0（未设置高度的情况下），不会根据子元素的高度而变化，另外，后面不需要浮动想在下一行显示的标签出现在浮动元素的后面。 #content{background:#000; ...
分类：
其他好文 时间：
2018-10-27 00:25:50
阅读次数：
243
float脱离文档流，浮动在其他元素之上 float后会变成一个块级元素（可设置宽高），宽度自动调整为元素中内容的宽度 显示结果： 图片浮动之后，container高度只剩下“111111”文字的高度，container不能被img撑开了 要想撑开container，要么清除浮动，要么叫contai ...
分类：
Web程序 时间：
2018-10-24 20:08:36
阅读次数：
134
/*设置第一个首字母的样式*/ p:first-letter{ color: red; font-size: 30px; } /* 在....之前 添加内容 这个属性使用不是很频繁 了解 使用此伪元素选择器一定要结合content属性*/ p:before{ content:'alex'; } /* ...
分类：
Web程序 时间：
2018-10-18 19:21:41
阅读次数：
754
—.Css层叠性质： 1.继承性（后代或子代继承父级元素的颜色，字体·，文本） 2.层叠性：层叠性是选择器的一种的能力 第一种情况：没有选择任何标签或者选择器起的名字（类），走继承性（如果有多个属性继承，就近原则）。 第二种情况：权重一样大，就近原则（后面的会把前面的覆盖掉）； 谁的权重大就选谁。 ...
分类：
Web程序 时间：
2018-10-16 13:56:40
阅读次数：
179
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>高度塌陷</title> <style> .box1{ border: 5px solid red; /*根据W3C的标准，在页面中元素都隐含的属性叫BFC * BFC,该属性可以设置 ...
分类：
其他好文 时间：
2018-10-15 11:53:46
阅读次数：
163
在理解定位之前，先说一个概念，文档普通流，就是元素标签正常在HTML里的顺序，块级元素从上至下排列，行内元素从左到右排列。 绝对定位 绝对定位：absolute，元素相对于离它最近的已定位祖先元素进行移动，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块（一般是HTML元素，也可能是画布 ...
分类：
其他好文 时间：
2018-10-13 11:38:07
阅读次数：
182
禁用默认行为可以使拖动行为更加流畅，如a标签 块级元素不是指拥有display:block声明的元素 块级元素具有的换行特性，它们都可以使用clear来清除浮动带来的效果 display:inline-block实际上是两个容器，外在容器负责布局，内在容器负责大小 width深入 inline-bl ...
分类：
Web程序 时间：
2018-10-12 01:27:40
阅读次数：
214
