# 文本对齐方式

text-align:center 居中
text-align:right 向右对齐
text-align:jusitfy 每行被展开为宽度相等，左，右外边距是对齐。

# 文本修饰

text-decoration:none 用于删除下划线
text-indent:50px 文本缩进用来指定文本的第一行缩进。
font-style:normal 正常显示文本
font-style:italic 以斜体字显示的文字
font-size 控制文字大小

# 链接样式

a:link {color:#000000;} /* 未访问链接 */
a:visited {color:#00FF00;} /* 已访问链接 /
a:hover {color:#FF00FF;} / 鼠标移动到链接上 /
a:active {color:#0000FF;} / 鼠标点击时 */
常见的链接样式

link 链接
visited 访问
hover 悬停
active 活动

# 盒子模型（Box Model）

盒子包含：
外边距 - Margin：清除外边框的区域，外边距是透明的
边框 - Border：围绕在内边距和外边距的边框
内边距 - Padding：清除内容周围的区域，外边距是透明的
实际内容 - Content：盒子的内容，显示文本和图像

总元素的宽度：宽度 + 左填充 + 右填充 + 左边框 + 右边框 + 左边距 + 右边距

总元素的高度：高度 + 顶部填充 + 底部填充 + 上边框 + 下边框 + 上边距 + 下边距

# Border (边框)

border-style
dotted：定义一个点线边框
dashed：定义一个虚线边框
solid：定义一个实体边框
double：定义两个边框，两个边框的宽度和 border-width 的值相同
groove：定义 3D 沟槽边框，效果取决于边框的颜色值
ridge：定义 3D 脊边框，效果取决于颜色值
inset：定义一个 3D 的嵌入边框吗，效果取决于边框的颜色值
outset：定义一个 3D 突出边框。效果取决于边框的颜色值

边框 - 单独设置各边
border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:solid;

# css 轮廓 (outline)

轮框是绘制元素周期的一条线，位于边框边缘的外围，可以起到突出元素的作用。
ps：outline 是不占空间的，既不会增加额外的 width 或者 height

outline（在一个声明中设置所有的轮廓属性）
值：
_outline-color
outline-style
outline-width
inherit

outline-color (设置轮廓的颜色)
值：
color-name
hex-number
rgb-number
_invert
inherit

outline-style (设置轮廓样式)
值：

none  
dotted  
dashed  
solid  
double  
groove  
ridge  
inset  
outset

inherit

outline-width（设置轮廓宽度）
值：
thin
medium
thick
_length
inherit

css