Tag Cover

标签: CSS

共 5 篇文章

4种方法实现边栏固定中间自适应的3栏布局

设计一个页面,经常会遇到3栏布局,包括左右边栏和中间主题内容,一般情况下都是边栏固定,中间自适应,常用的方法主要有4种:自身浮动、绝对定位,margin负值和flex布局,今天主要一起看一看这种布局的实现,首先来看一看效果: See the Pen QwRzqL by superlin (@superlin) on CodePen. 基础样式我就不说明了…

阅读全文

浏览器的渲染原理简介

浏览器工作大流程 1.浏览器会解析三个东西: 一个是HTML/SVG/XHTML,事实上,Webkit有三个C++的类对应这三类文档。解析这三种文件会产生一个DOM Tree。 CSS,解析CSS会产生CSS规则树。 Javascript,脚本,主要是通过DOM API和CSSOM API来操作DOM Tree和CSS Rule Tree。 2.解析完成后,…

阅读全文

CSS实现水平居中

以前要实现水平居中,用的最多的方法就是设定元素宽度,然后设定margin左右的值为auto。例如: .center{ width: 200px; margin: 0 auto; } 使用这种方法必须设定元素宽度,但是很多时候我们不知道元素宽度,换句话说就是元素的宽度不是固定的,此时该怎么办呢?其实使用css实现水平居中的方式有多种,这里我们以…

阅读全文
默认颜色 边栏居左 边栏居右