CSS知识总览

CSS简要发展史

现在主要使用的是CSS3，规范模块化发展，提高了网站的可维护性以及性能速度

基础知识

Casading规则 选择器尽量少用id；尽量不要用！important；自己的样式加载在引用库样式的后面 选择器、 继承 大部分具有继承特性的属性跟文本相关，还有少部分列表、表格的属性：color、font、font-family、font-size、font-weight、font-variant、font-style、line-height、letter-spacing、text-align、text-indent、text-transform、white-space、word-spacing。 可以使用inherit关键字显式指定一个属性值从其父元素继承

值和单位、 盒模型

布局和定位

CSS布局基础

CSS布局是指将Web页面中的元素放置在正确的位置上。在CSS中，有几种基本的布局方式，包括：
1.流布局是网页最基本的布局方式，它是默认的页面布局方式。网页中的元素默认按照从左到右、从上到下的顺序排列，每个元素的位置取决于前面元素的大小和位置。流布局的优点是简单易用，不需要特别的布局代码，能够快速地实现页面布局。但是缺点也很明显，布局随着浏览器窗口的大小变化而变化，不具有响应式的特点。
2.浮动布局 浮动布局是一种比较常用的页面布局方式，它通过设置元素的浮动属性来实现页面布局。浮动元素会脱离文档流，但仍然会占据原来的位置，使得其他元素围绕它布局。
3.弹性布局 弹性布局是一种新兴的页面布局方式，它通过设置元素的弹性属性来实现页面布局。弹性布局可以让元素自适应容器的大小，能够轻松实现响应式布局效果。

响应式设计

叫响应式布局，实现不同屏幕分辨率的终端上浏览网页的不同展示方式。响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局，从而在每种设备屏幕宽度下呈现的界面是不同的。其原理原理：一个网站适配所有终端，实现不同屏幕分辨率下的终端上网页的不同布局；使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而达到适配不同屏幕的目的