HTML基础之CSS样式框模型

常用的样式属性

方框属性

边框样式

边框样式使用border属性，任何元素都具有四个边框，每个边框都可以单独定义粗细，颜色和样式。

属性：

这些属性和四个边框可以组合使用，即：

border-top-style、border-top-color、border-top-width

如：border-top-width:1px;

共形成12种边框属性.

也可以这样使用：

border-top:solid 1px red; //只设置上边框

border:solid red 1px;  //同时设置四个边框

即同时设置粗细、颜色、样式 ，并且不计顺序

内边距样式

内边距样式使用padding属性，它专门定义边框内的内容距边框的间距，也是四个。

外边距样式

外边距样式使用margin属性，它专门定义元素距其他元素的距离，也是四个。

网页颜色模型

网页中的颜色值可以是单词，比如red,black,但很多颜色不好记忆，如紫色的单词。所以网页颜色可以由#开头，后跟6位16进制数构成。如：#FF0000 #AC09DF #00002A。

其中R表示红色，G表示绿色，B表示蓝色.这种颜色模型称为RGB模式。

每一位都由0-9,A-F构成，所以一个R分量就有256种,G分量也B分量也有256种,总共能表示256x256x256种颜色。

常用单位

1、表示长度或间距的单位有：

px：像素

mm：毫米

cm：厘米

2、表示字体大小的单位有：

pt:：磅，号,比如9号字使用9pt;

em：相对于当前浏览器的字体的倍数，如1.2em;即1.2倍早教中心设计

3、表示时间的单位有：

s：秒

ms：毫秒

1s=1000ms