superyuan567的博客

一、CSS中的选择器元素选择器 div spanID选择器类选择器层级选择器：包括子代选择器（div>li ----- div下的li元素）和后代选择器（div li）并集和交集属性选择器：（css3新增）伪类选择器（1） 锚伪类：a:link-------超链接正常状态时的样式a:active-----超链接点击时候的样式a:visited----访问后的样式a:...

一、什么是浮动为元素设置了浮动之后，元素就会脱离文档流(可以看做是漂浮在文档流之上)存在。所有产生了浮动流的元素，块级元素看不到它们。产生了bfc的元素和文本类属性(inline)的元素以及文本都能看到浮动元素。如何触发一个盒子的bfc？position: absolute;float: left/rightdisplay: inline-block;overflow: hidden;...

CSS中的定位可以帮助我们对页面进行美化，CSS中的定位主要分为静态定位，相对定位，绝对定位，固定定位这四种。一般情况下，定位还会跟随不同的参数，例如top,bottom,left,right,z-index等。下面，我们就详细了解一下这些定位。1. 静态定位position: static一帮的标签元素不加任何定位属性都属于静态定位，在页面的最底层，属于标准流。2. 相对定位posi...

W3C的盒子模型： padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即 ( Elementwidth = width + border + padding ) 此属性表现为标准模式下的盒模型。IE的盒子模型： padding和border被包含在定义的width和height之内。对象的实际宽度就等...

这篇文章中主要将自己学到的两栏布局和三栏布局的方法总结一下1.两栏布局两栏布局，左侧固定，右侧自适应结构：<div class="left"></div> <div class="right"></div>css样式：.left{ wi

先来一篇详细讲解BFC的文章BFC什么是BFC呢？BFC(Block Formatting Context)直译为“块级格式化上下文”，具有BFC特性的盒子可以看做是一个隔离了的独立容器，容器里面的元素不会影响外面的元素，通俗一点的方式解释，BFC就是元素CSS的一个属性，只不过这个属性不能被开发者显示地修改，具有BFC特性的元素对外部元素和内部元素会表现出一些特性。这就是BFC。拥有BF...

这篇文章接着之前的BFC，讲一下margin的两个经典bug一、margin塌陷先看一段代码html代码：<div class="wrapper"> <div class="content"></div> </div>css代码：.wra

让一个块级元素实现水平垂直居中（如下图）的方式有很多种，在这里总结一下absolute+marginCSS代码： .wrapper{ width: 200px; height: 200px; border: 1px solid black; position: relative; } .content{ width: 100px; h...

:nth-of-type属于css3的新增选择器，用起来很方便，所以我们有必要在这里详细说一下。1.nth-child和nth-of-type的区别<div class="box"> <h1>我是第一个h1</h1> <p>我是第一个p</p&amp