HTML-界面设计字体背景颜色-下拉列表框-margin-top失效-Div换行

1.界面背景颜色

方法一：使用bgcolor属性

方法二:

2.界面字体

使用style属性中的font-size确定字体大小，font-family确定字体名称，color确定字体颜色。如下所示：

3.下拉列表框

使用style属性中的background-color确定背景颜色，color确定字体颜色。如下所示：

    厘米
    毫米
    百分比
    像素

4.margin-top失效 4.1.兄弟元素之间margin-top失效

 
       float: left  
       clear:both; margin-top:20px;  
 

两个层box1和box2，box1具有浮动属性，box2没有，这时候设置box2的上边距margin-top没有效果。 解决办法：要浮动一起浮动，要不就都不浮动。

1.box2增加float属性 2.box1与box2之间增加一层

4.2.子元素设置margin-top作用于父容器

当给box2设置margin-top时，仅作用于父容器。

◆解决办法： 1.给父容器box加overflow:hidden;属性 2.父容器box加border除none以外的属性 3.用父容器box的padding-top代替margin-top

5.分割线 5.1.采用div标签

div标签可以非常方便的控制高度和背景颜色。

5.2.采用hr标签

hr标签是html提供的分割线。

6.Div换行

换行需要结合div的clear和float属性，如下所示：