盒模型及其属性定义

盒模型

• Padding：内边距

  • 语法：

  padding:�10px; 

上 右 下 左�都为10px;

padding:�10px �20px;     

上 下:�10px�� 左 右:�20px;

padding:�10px �20px� 30px; 

上:�10px ��左右:�20px� 下:�30px

padding:�10px �20px �30p x�40px;

• 顺时针顺序
  上：10px 右:20px 下:30px 左:40px;

• Margin：外边距

• Border：边框

border:10px solid #cfc;

边框宽度为10，线为实线，颜色为青色。

• 三角形的做法

{
width:0;
height:0;
border:1px solid transparent;
border-top-color:red;
}

权重优先级

! impertan

最高优先级

首行缩进字符

text-indent:32px;
/* 或者 */
text-indent:2em;

1em=16px

单行文本样式

• 文本不换行

white-space:nowray

• 溢出裁剪

text-overflow:dip;
/* 或者 */
text-overflow:elipsis;

• 装饰

text-decoration:none;

选择器权重