简介

层叠样式表Cascading style sheets

• 可以用来给网页创建样式表，对网页进行修饰

• 层叠就是多层结构，高的可以覆盖低的

• css可以为网页每个层次设置样式

• 网页可以根据不同的设备或窗口大小呈现不同的效果
• 使用响应式布局，可以使一个网页适用所有设备

像素又分为css像素和物理像素

为了简化代码而采用的，CSS自带不兼容老浏览器，于是有了less

盒子大小

1
2
3
4

height: 100px;
width: 100px;
box-sizing: content-box;
box-sizing: border-box;

box-sizing：用来设置盒子尺寸的计算方式

CSS

CSS在处理网页时，认为每个元素是一个盒子，网络布局就相当于摆放盒子