仓酷云

标题: CSS教程之CSS教程:表单位素不承继body的字体属性 [打印本页]

作者: 透明    时间: 2015-1-15 23:52
标题: CSS教程之CSS教程:表单位素不承继body的字体属性
每个声明内只能有一个属性,如果属性值中含有空格用双引号括起来例,在一个声明块内可以有多个声明,每个声明用分号隔开。
网页制造poluoluo文章简介:一切的表单位素都不承继body的字体属性,必要独自设置.
良多人喜好在body中加款式来把持全局字体的款式,像字体、巨细、色彩等。这些写能够削减代码,实在其实不然,像表单内里元素就没法承继body的字体属性,先看下效果截图:
CSS教程之CSS教程:表单位素不承继body的字体属性
登录/注册后可看大图

上面是BODY款式写法:
<styletype="text/css">
<!--
body{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
-->
</style>
下面效果截图中表单里文本框的字面和表格字体并非一样的效果,为何会如许呢?是由于一切的表单位素都不承继body的字体属性,必要独自设置,如:
input,label,select,option,textarea,button,fieldset,legend{
font-size:12px;
}
以是终极款式写法应当上面写法:
<styletype="text/css">
<!--
body{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
input,label,select,option,textarea,button,fieldset,legend{
font-size:12px;
}
-->
</style>

支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
作者: 简单生活    时间: 2015-1-17 23:44
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
作者: 灵魂腐蚀    时间: 2015-1-23 14:01
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
作者: 因胸联盟    时间: 2015-2-6 22:42
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
作者: 若相依    时间: 2015-2-19 04:59
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
作者: 不帅    时间: 2015-3-6 13:26
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
作者: 深爱那片海    时间: 2015-3-13 02:09
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
作者: 小魔女    时间: 2015-3-13 02:09
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
作者: 精灵巫婆    时间: 2015-3-20 10:15
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2