前端复习第二周

主要复习CSS，style来引入css，link来外联css文件

优先级标签内css优先级 > hand内部css > 外部样式表 > 浏览器默认样式

盒子模型概念，content-padding-border-margin

font："风格，粗细，大小，类型"（family，weight，size，style）

text-shadow：rgb，x轴趋向，y轴趋向，阴影宽度，

text-dec补：underline.（下划线）

边框样式border-style点线dotted，虚线dashed，实线solid

脊边ridge，突出外下outset，

轮廓-outline-（color-style-width）

css尺寸width，height

元素最大最小高宽max/min-height/width，行高line-height

display/visibility：none（不占空间/占空间）元素隐藏

display：inline/block/inlineblock（内联元素/块级元素/行内块[让内联可设置宽高]）改变元素属性

内联元素首尾不换行，块级换行

text-alingh：center；文本居中，margin：0 auto；块级居中

块内文字行高等高，可文字相对剧中

color：rgba：（256，256，256，[1-0]（透明度）），伪类，

元素：visited，hover（鼠标悬浮其上时），link（未访问的链接），active {color：#颜色值}；

表单样式：list-style-type：dsic实心圆，circle空心圆，decimal数字

背景，background-color/image/repeat（是否如何平铺重复）/position（x，y）：

背景终级写法//background：颜色，路径，x轴位移，y轴位移，平铺方式，大小;

background-size：

边框？？-box-sizing：none； 

边框圆角-border-radius：正圆-50%/250px/四个角分别值；（最大值，正圆宽高需相同）

半圆：两角值同半径值；四分之一扇：单角值等半径值；

box-shadow：inset（内嵌） x y 大小 颜色

样式清空表//百度找一个,float元素浮动,clear:方向清除浮动；

控制鼠标效果cursor：pointer（小手）；

图片垂直居中与行内vertical-align: middle;