【无标题】

1.Css样式首先把 外边距margin和内填充padding 设为0。
2.Id 200， class 10， 标签 1，（优先级）
(1)Style>id>class>tag>*>继承（优先级）
3.文字样式
(1)font-size：（单位px）； 文字大小。
(2)Font-weight：（范围100~900）一般用bold ； 文字加粗
(3)font-style：italic；文字倾斜
(4)font-family：“宋体”； 文字字体
(5)font-variant：small-caps；小型大写字母
(6)@font-face
(7)text-shadow：3px 2px 3px red（水平位移，竖直位移，模糊度，颜色）文本阴影
4.文本样式
(1)Color：red； 设置文本颜色
(2)text-decoration：none；修改文本样式
①none取消下划线
②line-through 中横线
③underline 下划线
1)如果需要两个示例：text-decoration：none line-through；
(3)Text-transform:capitalize;首字母大写
(4)text-indent：2em（2em就是两个字符） 文本缩进，只应用于p标签上
(5)text-align：center； 文本居中
(6)line-height：10px；文本行高（一般用来做竖直位置上居中效果）
(7)word-warp：break-word；文本换行
①word-warp：nowrap；不换行
5.背景样式
(1)background-color:red;颜色
(2)background-image：url（）；背景照片
(3)background-repeat：no-repeat;背景不重复
①repeat-x 横向重复
②repeat-y 纵向重复
(4)background-position：right bottom ;背景定位
(5)background-size：100%；背景覆盖完全 照片可能不完全展示
①100%=cover，contain（照片宽或高一边完全覆盖，图片展示完全）
(6)background-attachmet：fixed；背景固定
(7)background-origin：border-box或者content-box；
①背景盒模型默认从padding开始定位展开
②3种属性：border-box，content-box，padding-box
(8)background-clip：border-box（默认）；背景裁剪
①3种属性：border-box，content-box，padding-box
6.边框样式 border
(1)线宽，线样式，颜色
(2)border-width：10px；线宽
(3)border-style：solid；样式
(4)border-right-color: green;定位边框颜色
①border-right-color：transparent；transparent（透明）
(5)border-right-style:20px ;定位边框样式
(6)box-shadow:1px 2px 3px red（水平位移，竖直位移，模糊度，颜色）盒模型阴影
(7)transition: 0.3s；transition（过度时间）
注意:代码注意顺序