美文网首页
标签的默认样式

标签的默认样式

作者: 新晋小牛牛 | 来源:发表于2017-02-12 20:42 被阅读28次

大多数标签都有自己的默认样式,比如的body默认外边距,另外ul前的圆点及左侧的内边距,另h1-h6字体大小各不相同,em默认为斜体,strong表示粗体。正因为有这些默认样式,一个设计合理的页面,即使没有加载样式,也能让用户很容易阅读。但此时这些默认样式对我们没用,所以需要清除掉,为了方便,建议用标签重定义方式,这样可以很简单地把全局的样式给统一起来。另外页面中的图片添加链接后会默认添加个边框,ul默认情况下会在列表前添加圆点,这些都是需要去掉的。

body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd { margin: 0px; padding: 0px; font-size: 12px; font-weight: normal; }
ul { list-style: none; }
img { border-style: none; }

这样就很简单把常用标签的默认样式给清除掉了,如果需要边距的话再重新定义,也避免了各个浏览器对标签默认样式解析差异造成页面显示不一样的问题。

相关文章

  • css 学习笔记

    所有标签都有一个默认样式,称为浏览器样式,或者默认样式 行内样式:通过在标签中设置style属性来达到实现控制标签...

  • a 标签默认样式

  • 标签的默认样式

    大多数标签都有自己的默认样式,比如的body默认外边距,另外ul前的圆点及左侧的内边距,另h1-h6字体大小各不相...

  • css默认样式处理

    浏览器双击选中文字 a标签默认样式 input默认样式 默认checkbox样式修改 button的disable...

  • CSS如何清除默认样式

    通常的清除默认样式: 设置默认字体: select标签 清除< ol > < ul >的默认样式 .button按...

  • 常用CSS总结

    1、样式种类:浏览器默认样式、带有样式的标签、内联样式、style标签、link引入样式文件。2、选择器(http...

  • HTML标签默认样式

    Chrome 55 html body div ul ol dl li dt dd h1 h2 h3 h4 h5 ...

  • CSS 样式重置

    标签具有默认样式,由浏览器所决定的,为了达到在各个主流内核的浏览器页面样式显示一致,会重置具有默认样式的标签,得到...

  • css+div布局页面,要注意的几个问题

    清除格式 写页面样式的时候先清除浏览器原有的标签默认样式:(例如如默认的body样式里面默认自带8像素的边框) 定...

  • 常见标签1

    1、标题标签h1~h6:(一级标签~六级标签)双标签 块级标签 有默认样式:上下margin;默认字体大小,默认字...

网友评论

      本文标题:标签的默认样式

      本文链接:https://www.haomeiwen.com/subject/qxaaittx.html