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

1:div+css
     好处:网页  达到
      结构  -》div
      效果 -》css
      行为->javaScript
       进行分离


 2:div division 划分
   css cascading style sheet 层叠样式表


 3:标签的级别
   行级元素(行内元素 不会产生换行)
     

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

..

       

 

 
      ul  li  div


  4:样式的写法
      1:行内样式
         在标签处
         
      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; 手抓效果

你可能感兴趣的:(html)