div``` ```<style> /* padding盒子的内边距，会改变盒子显示的大小 */ /* box实际显示大

        /* padding盒子的内边距，会改变盒子显示的大小 */
        /* box实际显示大小由border+width+padding */
        div{
            /* 正常盒子模型 */
            width: 200px;
            height: 200px;
            border: 15px;
            padding: 15px;

            /* 怪异盒子模型 */
            /* width: 260px;
            height: 260px;
            border: 10px;
            padding: 20px;
            box-sizing: border-box; */
        }
        /* img{
            vertical-align: ;
        }规定图片后的文字以什么方式对齐 */
        /* ul li:nth-child(10)表示ul中的第10个li */
    </style>
</head>
<body>
    <div>
         <!-- display可以改变元素属性
    none不显示元素；
    block改为块元素
    inline改为行内元素
    inline-block改为行内块元素
    -->
    <!-- span可以设置左右margin，上下margin不生效 -->
    
</body>
    </div>
</body>
</html>