html中的div+css标签与属性的使用

1:div+css

     好处：网页  达到

      结构  -》div

      效果 -》css

      行为->javaScript

       进行分离

 2:div division 划分

   css cascading style sheet 层叠样式表

 3：标签的级别

   行级元素（行内元素 不会产生换行）

     <font size="7"  ></font> <b> <s> <u> <a> <span>

    块级元素（独占一行的）可以控制 宽度 高度

      <h1> .. <h6>

       <p>  <table><tr>  <div>

      ul  li  div

  4：样式的写法

      1：行内样式

         在标签处 <tag style="属性1:值1;...."属性n:值n;"></tag>

         <div style="color:#ff0000;font-size:12px;....;"></div>

      2：内部样式

      3：外部样式

 5：基本属性

      color：#xxxxxx  修饰字体的颜色

      font-size:xxpx  修饰字体的大小

      font-weight:bold;文字加粗效果

      font-family：   设置字体  一般默认 宋体 黑体  。。。

      letter-spacing: 字母之间的间距

      word-spacing:  单词与单词之间的间距

      width:宽度    height:高度

      border:颜色 样式 大小

             样式-》 solid 实线条 dotted 虚线条  dashe  点

       border:#ff0000 solid 2px;

       border-left:颜色 样式 大小;

       border-top:   border-right:     border-bottom:

       line-height: 行高  当一个内容的行高等于容器的高度文字垂直方向居中效果

       text-align: 文字水平方向的对齐方式  left|center|right

       text-transform: 字母的转换效果

                       capitalize 首字母大写

                       uppercase 全部字母大写

                       lowercase 全部字母小写

      text-decoration: none 去除下滑线

                       underline 加上下滑线

      text-shadow：颜色  水平距离 垂直距离 大小

             text-shadow 属性必是在ie 8以上 fireFox2

      text-indent: 文字缩进效果

      cursor: pointer; 手抓效果