目标:
1,css单位
2,尺寸属性
3,标准盒模型
1,css单位
#1,尺寸单位
- %:百分比
- in:英寸
- cm:厘米
- mm:毫米
- pt:磅(1pt等于1/72英寸)
- px:像素(计算机屏幕上的一个点)
- em:1em等于当前的字体尺寸,2em等于当前字体尺寸的2倍;
#2,颜色单位
- rgb(x,x,x):RGB值,x表示0-255之间,例如rgb(255,0,0);
- rgb(x%,x%,x%):RGB百分比值,如rgb(100%,0%,0%)
- #rrggbb:6位16进制数,如:ff0000;
- #rgb:简写的16进制数,如:#f00;
- 表示颜色的英文单词,如:red,green,blue…
2,尺寸
–尺寸属性用于设置元素的宽度和高度,单位一般为像素或百分比
-
宽度属性:
–width
–min-width:最小宽
–max-width:最大宽 -
高度属性
–height
–min-height:最小高
–max-heigh:最大高
3,标准盒模型
#1,边框border
语法:
border:width style color;
宽度 样式 颜色
样式:
solid:实线
dotted:点虚线
dashed:线虚线
例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style