lovecoding
/
VIP26


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            width: 200px;
            height: 200px;
            border: 2px solid #000; 
            padding: 20px;
        }
    </style>
</head>
<body>
    <!-- 
        盒模型：
            1.标准盒模型 box-sizing:content-box;
            2.怪异盒模型（IE盒模型）box-sizing:border-box;
     -->
     <!-- 
        margin:外边距 复合属性 
        padding:内边距
      -->
      <!-- 
        浮动:float
        1.溢出隐藏法 overflow:hidden|auto;
        2.额外标签法 clear:both|left|right|none;
        3.伪元素清浮动 .clearfix::after{
            content:"",
            clear:both,
            display:block;
        }
       -->
       <!-- 
        display:block;将元素转成块元素
        display:inline；将元素转成行内元素
        display:inline-block;将元素转成行内块元素
        -->
        <!-- 
            选择器的优先级
            ！important 正无穷
            内联（行内） 1,0,0,0
            id选择器  0,1,0,0
            类选择器 = 伪类选择器 = 属性选择器 0,0,1,0
            标签选择器 = 伪元素选择器 0,0,0,1 
            通配符选择器 * 0,0,0,0
         -->
     <div></div>
</body>
</html>