HTML标签的默认样式

  题记:一般在写页面的时候我们都会先重置浏览器以保持各浏览器下样式一致。

        某些情况下可能需要 恢复 这些样式,用过所以记录下。

        某些样式已经是废弃的了,但是现实的开发中可能神马情况都有,所以.... 

 

1:<font size="">中的size对应的字体大小       2:h1~h6的默认属性

      1—>10px                                              h1—>{ font-size:32px; margin:21.4333px 0;display:block} 

      2—>13px                                              h2—>{ font-size:24px; margin:19.9167px 0;display:block}

      3—>16px                                              h3—>{ font-size:18.7167px;margin:18.7167px 0;display:block}

      4—>18px                                              h4—>{ font-size:16px;margin:21.2833px 0;display:block} 

      5—>24px                                              h5—>{ font-size:13.2833px;margin:22.1833px 0;display:block} 
      6—>32px                                              h6—>{ font-size:10.7167px;margin:24.966px 0;display:block} 
      7—>48px                                              h1,h2,h3,h4,h5,h6, {color:black}

 

3. ul ol 的默认属性:

     ul {list-style: disc;}
     ol {list-style: decimal}

     ul,ol {padding-left:40px}   

 

4:动态获取font中的size和color ,再动态加载

<script type="text/javascript">
      var v=document.getElementsByTagName("font");
      for(var i=0;i<v.length;i++){
          var fontColor_zm=v[i].color;
          v[i].style.color=fontColor_zm;
          var fontWeight_zm=v[i].size;
          if(fontWeight_zm==1){
              v[i].style.fontSize="10px";
          }else if(fontWeight_zm==2){
              v[i].style.fontSize="13px";
          }else if(fontWeight_zm==3){
              v[i].style.fontSize="16px";
          }else if(fontWeight_zm==4){
              v[i].style.fontSize="18px";
          }else if(fontWeight_zm==5){
              v[i].style.fontSize="24px";
          }else if(fontWeight_zm==6){
              v[i].style.fontSize="32px";
         }else if(fontWeight_zm>=7){
              v[i].style.fontSize="48px";
         }
         }
</script>

 

转载于:https://www.cnblogs.com/d5100/archive/2011/11/04/2236531.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值