前端复习第二周

2018-11-06  本文已影响0人  盐焗鸡YanJJ

主要复习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;

上一篇下一篇

猜你喜欢

热点阅读