CSS 表模块素不承继body的字体样式特性

日期:2021-01-20 类型:科技新闻 

关键词:ps网页版在线制作,静态网页制作方法,微云网页版,怎么制作一个网页,django网页模板

许多人喜爱在body中加款式来操纵全局性字体样式的款式,像字体样式、尺寸、色调等。这些写能够降低编码,实际上其实不然,像表单里边元素就没法承继body的字体样式特性,先看下实际效果截图:

下面是BODY款式写法:

<style type="text/css">
<!--
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}
-->
</style>

上面实际效果截图中表单里文字框的字面和报表字体样式其实不是1样的实际效果,为何会这样呢?是由于全部的表模块素都不承继body的字体样式特性,必须独立设定,如:

input, label, select, option, textarea, button, fieldset, legend {
    font-size:12px;
}

因此最后款式写法应当下面写法:

<style type="text/css">
<!--
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}
input, label, select, option, textarea, button, fieldset, legend {
    font-size:12px;
}
-->
</style>

上一篇:让页脚紧贴网页页面底部的CSS编码 返回下一篇:没有了