博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML标签的默认样式
阅读量:6038 次
发布时间:2019-06-20

本文共 1357 字,大约阅读时间需要 4 分钟。

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

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

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

 

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

你可能感兴趣的文章
linux下,远程连接mysql
查看>>
浅谈js闭包(closure)
查看>>
【regex】POSIX标准正则表达式库
查看>>
C#集成FastReport.Net并将模板保存到数据库
查看>>
编程能力与编程年龄
查看>>
Hibernate中分页
查看>>
13_sqoop数据迁移概述
查看>>
函数嵌套-名称空间与作用域-函数对象-闭包函数
查看>>
机会啊,游戏啊,转吧,
查看>>
解决Windows10时间快和Ubuntu时间差
查看>>
流水灯实验
查看>>
让我们写的程序生成单个的exe文件(C#winform程序举例)
查看>>
可跨域的单点登录(SSO)实现方案【附.net代码】
查看>>
JAVA 设计模式 解释器模式
查看>>
InternetOpen|InternetOpenUrl|InternetReadFile-获取网页源代码
查看>>
【HDOJ】2103 Family planning
查看>>
Pentaho BIServer Community Edtion 6.1 使用教程 第二篇 迁移元数据 [HSQLDB TO MySQL]
查看>>
Zookeeper_CAP原则
查看>>
zabbix 监控ssh 登入与报警!!!!
查看>>
常用mysql记录
查看>>