css学习和总结

1、CSS font-weight 属性
定义和用法：
font-weight 属性设置文本的粗细。
说明：
该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal，700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细，而且至少与下一个最大数字一样粗。
JavaScript 语法： object.style.fontWeight="900" 
实例：
设置三个段落的字体的粗细：
p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}




2、SS font-family 属性
定义和用法：
font-family 规定元素的字体系列。
font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。也就是说，font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。
有两种类型的字体系列名称：
指定的系列名称：具体字体的名称，比如："times"、"courier"、"arial"。
通常字体系列名称：比如："serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"
提示：使用逗号分割每个值，并始终提供一个类族名称作为最后的选择。
注意：使用某种特定的字体系列（Geneva）完全取决于用户机器上该字体系列是否可用；这个属性没有指示任何字体下载。因此，强烈推荐使用一个通用字体系列名作为后路。
JavaScript 语法： object.style.fontFamily="arial,sans-serif" 
实例：
为段落设置字体：
p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }




3、CSS margin-bottom 属性
定义和用法：
margin-bottom 属性设置元素的下外边距。
注释：允许使用负值。
JavaScript 语法： object.style.marginBottom="10px" 
实例：
设置 p 元素的下外边距：
p
  {
  margin-bottom:2cm;
  }




4、采用无序和有序li
定义css样式去掉li中“点”，如：
<style>
li{list-style-type:none; }
</style>




5、CSS list-style-type 属性
定义和用法：
list-style-type 属性设置列表项标记的类型。
JavaScript 语法： object.style.listStyleType="square" 
实例：
设置不同的列表样式：
ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}