1、css加载过程：浏览器对多个样式来源进行叠加，把各个零散的整合成一个整体，让后者覆盖前者（！important有最高执行权） 　　浏览器加载html———->dom...

初入前端的时候觉得CSS知道display、position、float就可以在布局上游刃有余了，随着以后工作问题层出不穷，才逐渐了解到CSS并不是几个style属性那么...

重叠 【前提】   margin重叠又叫margin合并，发生这种情况有两个前提   1、只发生在block元素上(不包括float、absolute、inline-...

在一次次笔试，一次次的面试中，问到垂直居中的问题太多太多，但是我每一次回答，都好像都不能让面试官太满意，今天特意花点时间，整理一下css垂直居中问题。

CSS：页面美化和布局控制 概念： Cascading Style Sheets 层叠样式表 层叠：多个样式可以作用在同一个html的元素上，同时生效 好处： 功能强...

表格边框 #tablebox table{border-collapse:collapse;border:none;} #tablebox td{border:soli...

一：css兼容性问题 　　1：通常我们写代码在css开始的时候就会写 　　　　*{ 　　　　　　margin:0; 　　　　　　padding:0; 　　　　　...

下面的写法兼容IE系列浏览器和火狐浏览器。 详细解说，直接看样式： #dingwei{padding:10px;background-color:#003300;co...

css属性cusor 请把鼠标移动到单词上，可以看到鼠标指针发生变化：

box-sizing:border-box; 是CSS3新增属性，了解这个属性，我们先从块级元素的盒子大小说起。 通常一个块级元素实际所占宽高度=外边距（margin）...

HTML源码 <span class="valueStyle">15</span> CSS代码 .valueStyle{ ...

前言 修改svg颜色，一般直接修改文件的svg的fill属性就可以了，可以直接改svg属性，也可以通过css修改，但是前端一般都是通过img标签直接引入的svg图片，...

一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解： 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： ...

CSS3 overflow-x 属性 裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话

当你定义的CSS中有position属性值为absolute、relative或fixed， 用z-index此取值才能生效。此属性参数值越大，则被层叠在最上面。

!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。语法格式{ cssRule !important }，即写在定义的最后面，例如：box{c...

（注：本文针对IE8ji以上版本） oninput 是 HTML5 的标准事件，对于检测 textarea, input:text, input:password 和 ...

box-sizing属性：content-box（default），border-box。 content-box，border和padding不计算入width之内 ...

input[type=number] { -moz-appearance:textfield; } input[type=numbe...

用CSS判断横屏竖屏问题： @media (orientation: portrait) { } 横屏 @media (orientation: landscap...

在 CSS中常用特殊字符识别表: (1)*:  IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的; (2)!important:...

@font-face 首先  获取要使用字体的四种文件格式，确保能在主流浏览器中都能正常显示该字体。  .TTF或.OTF，适用于Firefox 3.5、Saf

table：使该元素按table样式渲染 table-row：使该元素按tr样式渲染 table-cell：使该元素按td样式渲染 table-row-grou

在制作网页前端的时候，最常会遇到的两种中文字体是“宋体/微软雅黑”，你可以在css里面定义写成中文，但是这样的坏处是在英文的系统里面支持会不太好，为求保险，微软雅黑字体的...

css如何实现底部tapbar栏效果

1、行内样式 优点：书写方便，权重高 缺点：没有做到结构样式相分离

css如何实现字体长阴影效果,text-shadow 属性向文本设置阴影。

以前需要边框长度比容器小一些时，我用div嵌套。后来发现伪类在实现这个效果时很方便，只需要一个div就够了，另外调整padding和margin都不会很麻烦。

样式单的一个最重要的特点就是它可以作用于多种媒体，比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体，如"font-size"属性只对可卷动的媒体类型有效（...

position:relative（相对定位） 相对定位就是相对于原来自己的位置做出对应的变化,。 需要注意的是：元素移动后会占有原来的位置(这是relative定位...

对于搜索引擎或电子商务网站，常常将信息分页显示，这样可以减少页面大小，进而提高页面的加载速度。分页显示后，就需要通过分页导航来告诉用户要浏览的信息量，方便用户快速跳过一些...

css如何实现给div添加滚动并隐藏滚动条

content属性一般用于::before、::after伪元素中，用于呈现伪元素的内容。平时content属性值我们用的最多的就是给个纯字符，其实它还有很多值可供选择。

一个合法的 CSS 类名必需以下面其中之一作为开头： 1、下划线 _ 2、短横线 - 3、字母 a - z 然后紧跟其他 _ ， - 数字或字母。 用正则表示，...

linear-gradient() 函数用于创建一个线性渐变的 "图像"。为了创建一个线性渐变，你需要设置一个起始点和一个方向（指定为一个角度）的渐变效果。你还要定义终止...