一、文本Text
1、color:字体颜色rgba/#
2、text-align 文本对齐
①center②left③right
3、text-decoration 文本修饰
①none②overline③line-through④underline
4、text-transform 文本转换
①uppercase大写
②lowercase小写
③capitalize首字母大写
5、text-indent 文本缩进 px
6、word-spacing 设置字间距 px
7、white-space 设置文本中空白的处理方式
normal
pre 空白被浏览器保留
nowrap 文本不换行
pre-wrap 保留空白符系列，正常进行换行
pre-line 合并空白符系列，保留换行符
inherit
8、vertical-align 文本垂直对齐
baseline 默认
sub 垂直在对其文本的下标
super 垂直在对齐文本的上标
top 元素的顶端与最高元素的顶端对齐
text-top 元素的顶端与父元素字体的顶端对齐
middle 把此元素放在父元素的中部
bottom 元素的顶端与行中最低元素的顶端对齐
text-bottom 元素低端与父元素字体的底端对齐
length
%
inherit
9、unicode-bidi 用于同一个页面里存在从不同方向读进的文本显示
10、text-shadow 水平阴影位置、垂直阴影位置、模糊距离、阴影颜色
11、line-height 行高 px
12、letter-spacing：字符间距 px
13、direction 文本方向/书写方向
ltr从左到右、rtl从右到左、inherit
二、背景background
1、backgroundColor:背景色rgba/#
2、background-image:url("gif、jpg、png都可以放")
3、background-repeat:背景图片是否平铺
①repeat-x②repeat-y③no-repeat
4、background-position背景图片的定位
①top②right③bottom④left⑤center
5、background-attachment 背景图像是否固定或者随着页面的其余部分滚动
scroll 背景图片随页面的其余部分滚动。这是默认
fixed 背景图像是固定的
inherit 指定background-attachment的设置应该从父元素继承
local 背景图片随滚动元素滚动
三、font字体
font-family:字体风格=》根据网址查看https://zhuanlan.zhihu.com/p/82784947
font-size:字体大小=》数字+px
font-style:字体样式
属性值 normal/正常字体
italic/斜体
oblique/倾斜字体
font-variant:字体样式---适用于段落标签---适用于字母
介绍：是以下几个样式的缩写
font-variant-caps
font-variant-numeric
font-variant-alternates
font-variant-ligatures
font-variant-east-asian
属性值：normal/正常字体
small-gaps/小型大写字体=>只适用于英文字母
四、链接样式
:hover滑入
:active点击
:visited 已访问
鼠标形状：
default
pointer小手
wait程序在忙
help可用的帮忙
text文本
crosshair 呈现十字状
五、列表样式
list-style-type
none：不使用项目符号
disc：实心圆
circle：空心圆
square：实心方块
decimal：阿拉伯数字
lower-alpha：小写英文字母
upper-alpha：大写英文字母
lower-roman：小写罗马数字
upper-roman：大写罗马数字
list-style-image:url("gif或者jpg、png图片")
六、表格样式
border-collapse：collapse 表格边框是否被折叠成一个单一的边框或者隔开
caption{
caption-side:bottom/top/right/left标题位置
}
七、边框样式
border：
1、1px--边框宽度
2、none
dotted：点线框
dashed：虚线框
solid：实线框
double：定义两个边界，两个边界的宽度和边框的宽度相同
groove：定义3d沟槽边界
ridge：定义的3d脊边界
inset：3d的嵌入边框
outset：3d突出边框
3、颜色
八、Display(显示) 与 Visibility（可见性）
display:none
visibility:hidden
九、position定位
position:relative/absolute/static/fixed/
定位结合clip:rect(上、下、左、右)--裁剪图片
overflow:hidden/scroll/auto/inherit
结合z-index--这个是定位层级的问题
十、中心对齐
margin-left:auto;
margin-right:auto;
十一、媒体查询
@media screen{} 用于电脑显示器。
@media print{} 用于打印机
@media tv{} 用于电视机类型的设备。
@media handheld{} 用于小的手持的设备
@media embossed{} 用于分页的盲人用点字法打印机
@media aural{} 用于语音和音频合成器
@media braille{} 用于盲人用电字法触觉回馈设备
十二、响应式 Web 设计 – Viewport
viewport 是用户网页的可视区域
设置viewport，属性有
width：控制viewport大小
height：控制viewport大小
initial-scale：初始缩放比例
maximum-scale：允许用户缩放到的最大比例
minimum-scale：允许用户缩放的最小比例
user-scalable：用户是否可以手动缩放
注意：本文归作者所有，未经作者允许，不得转载
