前端第一阶段学习总结
又到一周的周末了，细细想来我学习前端的时间已经在不知不觉中过去三个星期了，截止到今天中午小组的考核已经全面结束了，这也就意味着前端的学习告一段落了，下面是我在前端学习过程中所用过的一些重要知识点。
首先说一下html与css之间的链接方式，它主要分为四种：1.自己在标签后面添加该标签的属性值。2.在title标签后添加(注意：需要将样式放入
中)。3.创建css样式表如mystyle.css，再在HTML中使用@import"mystyle.css"(注意：需在中使用)链接此mystyle.css样式表。4.创建css样式表如style.css，再在HTML中使用链接此style.css样式表。注意一下html的优先级高于css，即在html和css在对同一个属性赋值会采用html的值。接下来说一下css中的一些知识点：
背景(background)：
background-image 属性描述了元素的背景图像(注意所用背景图像的存储位置)
background-repeat 属性是否让图像平铺
background-position 属性改变图像在背景中的位置
background-attachment 属性决定背景图像是否固定或者随着页面的其余部分滚
文本(text)：
line-spacing属性设置字符间距；word-spacing属性增加或减少字与字之间的空白
line-height属性设置行高
text-align属性是用来设置文本的水平对齐方式；vertical-align属性设置元素的垂直对齐
text-decoration属性用来设置或删除文本的装饰(underline( 文本下的一条线 ),over-line( 文本上的一条线 ),line-through( 穿过文本的一条线 ),blink( 定义闪烁的文本 ))
text-shadow属性设置文本阴影( h-shadow ( 必需,水平阴影的位置 ), v-shadow ( 必需,垂直阴影的位置 ),blur( 可选,模糊的距离 ))
box-shadow属性: 向 div 元素添加阴影
text-transform属性是用来指定在一个文本中的大写和小写字母
text-indent属性是用来指定文本的第一行的缩进
连接(link):
a:link - 正常，未访问过的链接；a:visited - 用户已访问过的链接；a:hover - 当用户鼠标放在链接上时(最常用的一个)；a:active - 链接被点击的那一刻
列表:
list-style-image 属性使用图像来替换列表项的标记
list-style-position属性指示如何相对于对象的内容绘制列表项标记
list-style-type 属性设置列表项标记的类型
边框(border):
border-style属性用来定义边框的样式{none: 默认无边框；dotted: 定义一个点线边框；dashed: 定义一个虚线边框；solid: 定义实线边框；double: 定义两个边框；groove: 定义3D沟槽边框；ridge: 定义3D脊边框；inset:定义一个3D的嵌入边框；outset: 定义一个3D突出边框}
border-width 属性为边框指定宽度
border-image属性设置所有边框图像的速记属性
border-radius:用于给元素的边框创建圆角效果
border-color属性用于设置边框的颜色
轮廓(outline):
outline-color: 设置轮廓的颜色；outline-style: 设置轮廓的样式；outline-width: 设置轮廓的宽度
显示(display):
opacity属性指定了一个元素的透明度(0(完全不可见)~1(完全可见))
none:隐藏；inline:内联元素(在一行)；block:块元素(不在一行)；inline-block:将对象呈现为inline对象,但对象的内容作为block对象呈现
定位(position):
static: 没有定位，遵循正常的文档流对象
fixed: 元素的位置相对于浏览器窗口是固定位置
relative: 相对定位元素的定位是相对其正常位置
absolute: 绝对定位的元素的位置相对于最近的已定位父元素
sticky: 元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位
z-index: 指定了一个元素的堆叠顺序
cursor: 显示光标移动到指定的类型{
default: 默认光标（通常是一个箭头）
crosshair: 光标呈现为十字线
pointer:光标呈现为指示链接的指针（一只手）
move:此光标指示某对象可被移动
wait:此光标指示程序正忙（通常是一只表或沙漏）
help:此光标指示可用的帮助（通常是一个问号或一个气球）}
Overflow:
visible:不裁剪内容，可能会显示在内容框之外
hidden:裁剪内容 - 不提供滚动机制
scroll:裁剪内容 - 提供滚动机制
auto:如果溢出框，则应该提供滚动机制
no-display:如果内容不适合内容框，则删除整个框
no-content:如果内容不适合内容框，则隐藏整个内容
过渡:
transition-propery属性规定应用过渡的 CSS 属性的名称
transition-duration属性定义过渡效果花费的时间。默认是 0
transition-timing-functio属性规定过渡效果的时间曲线。默认是 "ease" {
linear: 以相同速度开始至结束
ease:规定慢速开始，然后变快，然后慢速结束
ease-in:规定以慢速开始
ease-out:规定以慢速结束
ease-in-out:规定以慢速开始和结束
cubic-bezier(n,n,n,n):在 cubic-bezier 函数中定义自己的值。可能的值是 0 至 1 之间的数值 }
转换:
Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等
transform-Origin属性允许您更改转换元素的位置
translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动
scale()方法，该元素增加或减少的大小，取决于宽度（X轴）和高度（Y轴）的参数