HTML基础之CSS样式框模型

2016年5月17日09:25:36
评论
3,806,638

常用的样式属性

方框属性HTML基础之CSS样式框模型

边框样式

边框样式使用border属性,任何元素都具有四个边框,每个边框都可以单独定义粗细,颜色和样式。HTML基础之CSS样式框模型

属性:HTML基础之CSS样式框模型

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

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

如:border-top-width:1px;

共形成12种边框属性.

也可以这样使用:

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

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

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

内边距样式

内边距样式使用padding属性,它专门定义边框内的内容距边框的间距,也是四个。HTML基础之CSS样式框模型

外边距样式

外边距样式使用margin属性,它专门定义元素距其他元素的距离,也是四个。HTML基础之CSS样式框模型

网页颜色模型

网页中的颜色值可以是单词,比如red,black,但很多颜色不好记忆,如紫色的单词。所以网页颜色可以由#开头,后跟6位16进制数构成。如:#FF0000 #AC09DF #00002A。HTML基础之CSS样式框模型

其中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

Html最后更新:2016-5-18
  • 本文由 发表于 2016年5月17日09:25:36
  • 发表评论

    匿名网友 填写信息

    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: