美文网首页
前端复习第二周

前端复习第二周

作者: 盐焗鸡YanJJ | 来源:发表于2018-11-06 09:13 被阅读0次

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

    相关文章

      网友评论

          本文标题:前端复习第二周

          本文链接:https://www.haomeiwen.com/subject/nqeyxqtx.html