6基本属性#6.1RGB模式下的颜色表示，红（R）、绿（G）、蓝（B）各取值0~255，color:rgb(0,255,0)p{/*设置字体颜色伪绿色*/color:rgb(0,255,0);}RGBA模式，RGBA是代表Red（红）Green（绿）Blue（蓝）和Alpha的（色彩空间）透明度，color:rgba(255,255,255,0.5);A透明度取值范围为0-1p{background-color:rgba(255,255,255,0.5)}16进制，用16进制表示颜色值，如#FF0000，#00FF00，可简写为#F00，#0F0；#div{background-color:#ccc;}颜色名称，直接用颜色名称来表示颜色，如：红、绿、蓝、黄等p{color:red;}#6.2border相关属性border-width设置4边框宽度p{border-style:solid;border-width:15px;}border-stylesetting4borderstylep{border-style:solid;}/*边框样式属性值style:none无边框实线直线虚线虚线border虚线虚线borderdouble双线border*/border-color设置边框颜色p{border-color:red;}边框缩写p{border:1pxsolidred;}单独设置边框border-right,border-bottomp{border-left:1pxsolidred;}border-radius为元素添加圆角边框/*为所有角设置圆角*/border-radius:20px;/*border-radius后面会给出两个值*/border-radius:0px10px;/*0px表示上、左、下、右角为10px，上、右、下、左角为*//*border-radius后接3个值*/border-radius:10px0像素20像素；/*10topleft0pxtoprightbottomleft20pxbottomright*//*border-radius后面跟着4个值*/border-radius:5px10px15px20px;/*toplefttoprightbottomrightbottomleft*//*设置半圆设置高度为宽度的一半并且只设置左下角和右下角的值//设置值为一半宽度*/.box{width:100px;高度：50px；边界半径：0px0px50px50px;/*toplefttoprightbottomrightbottomleft*/}/*设置圆的高度和宽度相同，四个圆设置为宽度和高度的一半*/.box{width:100px;高度：100px；边界半径：50%；}注意：单位不仅可以用px，还可以用百分比%#6.3背景相关属性repeatbackground-repeat语法：background-repeat:repeat-x|repeat-y|no-repeat;重复瓷砖完全重复；对Y轴重复repeat-y；到X轴重复repeat-x;不重复不重复；背景位置background-positionhorizo??ntal(left,center,right);vertical(top,center,bottomSyntax:/*xy分别代表x轴位置和y轴位置*/background-position:xy;#6.4字体相关属性font-family定义字体,font-family:Song,serif;可以用“,”隔开，保证当字体不存在时，使用下一个p{font-family:Song,serif;}font-sizesetfontsizep{font-size:14px;}font-weightfontboldfont-weight:normal;normal(默认值),bold(粗),bolder(粗),lighter(细)p{font-weight:bold;/*boldfont*/}color设置字体颜色p{color:red;}#6.5文本相关属性text-align，横向排列，取值：center居中，left向左，向右p{text-align:center;}line-height文本行高p{text-algin:center;高度：50px；line-height:50px;/*文本行高和框高会垂直居中*/}text-indent首行缩进p{text-indent:50px;}letter-spacing字符间距p{letter-spacing:10px;}#Exercise1.网易考拉下拉菜单2.爱奇艺新闻3.ps滤镜菜单4.爱奇艺列表
