前端复习第二周
主要复习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;