html05-10

CSS有四种引入方式，分别如下：
            1、外部链接一个CSS文件，我们在HTML头部分标明：<link href="css/my.css" rel="stylesheet" type="text/css"/>

            2、头部直接写入CSS: <style type="text/css">

                                              div{margin:0;

                                                   padding:0;                 

                                                   border:1px solid red;}

                                               </style>

            3、外接多个CSS文件时：<style type="text/css">

                                                    @import url(my.css); 

                                                    </style>

            4、直接在html标签里写入对这个标签的CSS控制，如：<div style="border:1px solid red;">测试信息</div> -->

div有两种声明方式 class 和id 

普通父div不设置高度，子div为普通元素，父div高度会被撑开；
普通div不设置高度，子div全部为漂浮元素，父div高度为0；

了解并熟悉盒模型的三大属性
margin:外边距 （两个DIV之间的距离）
border:边宽 （DIV的边宽）
padding:内边距 （DIV中边宽到内容之间的距离）

盒子长 width+border-left+border-right+margin-left+margin-right+padding-left+padding-right
盒子高 height+border-top+border-bottom+margin-top+margin-bottom+padding-top+padding-bottom
盒子里面 文本占地的大小 等于width和height的大小 与padding margin border无关