一、基本介绍1、css：层叠样式表Cascadingstylesheet2、语法：p{background-color:red;}//全名对于一个规则p:选择器，表示将样式应用到哪些元素{}：把p元素的所有样式放在花括号之间background-color:red;：样式的属性：属性值；3、在html中添加css：1）在
元素中添加一个style标签2）创建一个css文件，比如index.css，包含css规则。在元素中使用
元素：
链接是没有结束标签的空元素；type="text/css"表示链接是css样式表，在html5中可以省略。rel属性是指htm文件和链接文件之间的关系。链接是样式表，所以使用值stylesheet4，注释：/**/5，css有两个属性：继承、级联、字体和颜色StyleCSS提供了很多属性来控制字体的外观。1.字体系列：示例：字体系列：Verdana、Geneva、Arial、sans-serif；字体系列：“TimesNewRoman”、“Arial”、“Heiti”；该属性可以指定多种字体，使用逗号分隔。字体名称的拼写不能错，大小写要一致。最后一个通常是常用字体系列的名称。浏览器检查第一种字体在用户计算机上是否可用，如果可用，则使用该字体，如果不可用，则使用后备字体。如果字体名称包含多个单词，请用引号将其括起来。如果font-family设置的字体在电脑上没有，就会显示Arial。通用页面，中文使用Arial、TimesNewRoman，中文使用微软雅黑，英文使用Arial、TimesNewRoman。英文字体放在最前面，中文字体后面的替代字体用逗号隔开。访问者在网页上看到的字体取决于他们在计算机上安装的字体，除非您使用网络字体。font-family包含5个字体家族：sans-serif,serifmonospace,cursive,fantasy，每个字体家族包含大量字体。字体介绍：sans-serif包括没有衬线的字体【如Verdana、ArialBlack、Arial、Geneva】，一般被认为在电脑屏幕上更容易阅读。serif包括带有衬线的字体[如Times,TimesNewRoman,Georgia]，一般报纸正文排版都是这种字体monospace字体包含等宽字符[如Courier,CourierNew]，主要用于显示软件代码草书包括字体好像是手写的[比如ComicSans,AppleChancery]，有时候标题会用到这些字体幻想：包含一定风格的装饰字体2、颜色文字颜色网页颜色原则：按照红色、绿色、绿色的数量指定蓝色成分。1）4种颜色指定方式：color:silver；使用颜色名称，css中有16种基本颜色，150种扩展颜色名称color:rgb(80%,40%,0%);按红、绿、蓝的相对百分比表示颜色：rgb(204,102,0);根据0-255的红绿蓝分量指定颜色：#cc6600；用十六进制表示，最常用的方法，cc表示红色，66表示绿色。如果每组中的两位数相同，可以简写为color:#c60;如果是color:#cc6610;，则不能缩写。2)rgb(255,255,255)为白色，rgb(0,0,0)为黑色。3、font-size字体大小1）有4种表示方式：font-size:14px；字体大小：150%；从父元素继承的属性，是相对于父元素字体大小的百分比font-size:1.2em;也是相对度量单位，是父元素字体大小的1.2倍font-size:small；使用关键字指定大小。small约为12像素。[xx-small,x-small,small,medium,large,x-large,xx-large]2）建议：选择一个关键字（small或medium）作为body的字体大小，相当于默认字体页面大小。使用百分比或em指定其他元素相对于body字体大小的字体大小优点：如果要改变页面的字体大小，只需要改变body的字体大小，其他元素会按比例变化。4.其他修改样式1)font-weight:bold;文字加粗；[normal]2)font-style:italic;textslanted3)文字装饰：给文字添加装饰效果，如下划线、上划线、删除线text-decoration:underline;underlinetext-decoration:underlineoverline;有下划线和上划线text-decoration:none没有任何装饰5、缩写形式1）字体属性：可以同时设置字号、行高、字体，行高必须大于字号；完整形式：字体：字体样式字体变体字体粗细字体大小/行高字体系列；可选属性：font-stylefont-variantfont-weight，但它们必须出现在font-size属性之前。行高属性是可选的。必须指定的属性：font-size、font-family。示例：font:14px/24px"宋体";，相当于：字体大小：14px；行高：24px；font-family:"宋体";三、其他常用属性1、line-height：行高。1)指定文本行之间的垂直间距。文本在行中居中。为了保证文字在行中居中，一般字号和行高都是偶数。这个属性是可以继承的。2）表示方式：可以以像素为单位指定，也可以用em或百分比（相对于字体大小指定）。3）line-height有点特殊，可以直接用数字： 