css-3.尺寸和颜色

1、尺寸单位

%：百分比
in：英寸
cm:厘米
mm：毫米
pt：磅（1pt等于1/72英寸）
px：像素
em：lem等于当前的字体尺寸，2em等于当前字体尺寸的两倍

2、颜色单位

屏幕上显示的内容颜色模式都是RGB
R：red  G：green B：blue
·rgb(x,x,x)，eg：rgb(255,0,0)
·rgb(x%,x%,x%) ,eg:rgb(100%,0%,0%)
·#rrggbb:十六进制，eg#ff0000
0，1，2，···9，a，b,c,d,e,f   f最大了
#ff ff ff  白色
#00 00 00 黑色
#33 66 99
最后两位最大，最后两位是蓝色，所以颜色应该是偏蓝
·#rgb:简写的十六进制数，eg：#f00
·表示颜色的英文单词，eg：red

3、尺寸

（1）用于元素的宽和高，一般用百分比和像素

行内元素，宽高无效

/*min max 就是缩放的限制，用于流式布局*/

div{
width: 80%;
min-width: 300px;
max-width: 600px;
height: 300px;
min-height: 300px;
max-height: 300px;
border: 1px solid black;
}
textarea{
min-width: 100px;
max-width: 600px;
min-height: 100px;
max-height: 600px;
}

（2）overflow

div{
width: 130px;
height: 140px;
border: 1px solid black;
overflow: auto;
/*overflow
visible：溢出的内容可见
hidden：溢出的内容被隐藏
scroll：无论任何情况均显示滚动条
auto：浏览器自动判断，需要滚动条则显示，不需要则不显示
overflow-x  横向的
overflow-y  竖的
*/
}
//这个会自动换行
<div>浏览器自动判断，需要滚动条则显示，不需要则不显示浏览器自动判断，需要滚动条则显示，不需要则不显示</div>
//这个不会换行，因为浏览器判断它是一个很长的单词，所以用overflow 用来判断溢出
<div>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>