分类目录归档：CSS
CSS 浮动元素与行内元素、块元素的重叠规则
1.浮动元素与行内元素不会重叠。 2.浮动元素在前，块元素在后，浮动元素与块元素 … 继续阅读
CSS 属性百分比值的相对元素
width、max-width、min-width、height、max-hei … 继续阅读
利用CSS3 gradient（渐变）函数实现渐变背景
CSS3 规范定义了两种类型的渐变，分别是线性渐变（linear-gradient）、径向渐变（radial-gradient）。在这之前要实现渐变背景的效果，通常需要用图片来实现。
CSS3 渐变背景在现代浏览器中基本得到了很好的实现，在 IE10 以上版本也得到了支持。而在低版本浏览器中需要添加 -webkit-、-moz- 或 -o- 前缀才能实现渐变的效果。 继续阅读
CSS常见的自适应布局
自适应布局是在网页开发中很常见的一种布局方式，就是为了适配不同屏幕尺寸的设备，页面元素中内容主体的宽度或高度会根据浏览器窗口的大小自动调整。以下是几种自适应布局的实现：
自适应布局一：左侧宽度固定，右侧宽度自适应
HTML：
<div class="box"> <div class="left"></div> <div class="right"></div> </div>
CSS3阴影box-shadow属性使用总结
使用 CSS3 的 box-shadow 属性，可以实现给元素添加阴影的效果。
语法：
box-shadow: offset-x offset-y blur spread color inset;
什么是BFC（块格式上下文）?
BFC，英文全称：Block Formatting Context，即“块格式化上下文”，是 CSS2.1 规范中的一个概念，定义了浏览器对于 Web 页面中的独立的渲染区域的布局规则。
规范原文是这样描述的，“A block formatting context contains everything inside of the element creating it that is not also inside a descendant element that creates a new block formatting context”，翻译成中文就是“一个块格式上下文包含创建该上下文的元素的所有子元素，但是不包括创建了新的块级格式上下文的子元素的内部元素”。 继续阅读
CSS选择器有哪些？
元素选择器 选择指定元素名称的 HTML 元素。
id选择器 选择具有指定 id 属性的 HTML 元素，如：“#container”选择 id 属性为 container 的元素。
类选择器 选择包含指定 class属性的 HTML 元素。如：“.box”选择 class 属性为 box 的元素。 继续阅读
CSS清除浮动的方法
将元素的 css 属性 float 的值设置为 left 或 right，把浮动方式改为左浮动或右浮动，使其脱离标准文档流，也会导致父元素高度塌陷，这时就需要清除浮动。
<div class=”box”>
<div class=”a”></div>
<div class=”b”></div>
</div>
.box {
background-color: #000;
} 继续阅读