登录 注册

登录

问题 CSS 中百分比表示的字号大小其基准字号在哪里定义?

更多
2008年11月17日 12:00 #1 作者: Joomla之门
我注意到 TikiWiki 自带的样式中,文字普遍偏小,用来显示中文就很不舒服。于是尝试自己修改。

我在 CSS 中找到对应的语句后,发现字号大小是这样定义的:
 
.horbaritem a,
.horbaritem a:visited {
	padding: 6px 3px 6px 3px;
	text-decoration: none;
	font-size: 100%;
	margin: 0}
 

这里字号用 100% 来定义,而不是 px 或者 em 单位。我还注意到同一个 CSS 文件中有多处都使用了百分比来定义文字大小,还有 85%, 90%, 110%, 等等。

那么,这个百分比所对应的基准字号在哪里定义?难道有默认值?

我猜想可能在 body 元素中定义,但是查看了 CSS 文件,那里面的 body {} 部分根本没有提到文字大小。

虽然我可以将 100% 修改为 14px 来达到自己想要的效果,但是我觉得如果能直接修改基准字号,那么就能一次改变多处文字大小比例。

因此,请高手指点一下这个基准字号应该在哪里?

为了方便指导,附上 CSS 文件原版。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2008年11月17日 13:53 #2 作者: kikor
百分比是针对父级元素的字体比例。没有设置的话,应该参照浏览器默认设置(不确定)

登录 或者   注册一个会员帐号 来参与讨论

更多
2008年11月17日 22:39 #3 作者: remember113
你用的是多少版本呀!我找了一个,但是没有发现你说的模板!

登录 或者   注册一个会员帐号 来参与讨论

更多
2008年11月17日 23:08 #4 作者: remember113
不知道你用的是什么版本,但是我下了一个版本2.2,你发的CSS里面的开头,有这么一段声明:
@import "lite/lite.css"; /* here we import *lite as the base */
所以我想,你所说的基准应该在这个css里面,于是我打开lite.css,并找到了这么一段代码:
body {
	display: table;/* keep "display: table" here to push the right column to the right when some unwrappable stuff appears in the center column */
	font-family: sans-serif;
	font-size: 80% !important;/* the body font-size must be in percents to scale the fonts in IE properly */
	margin: 0; padding: 0;
	width: 100%;/* this is needed to keep the width to the maximum available */
}
html>body {
	font-size: 0.75em !important;/* redefine the body font-size for all modern browsers - ignored by old IEs */
}

你想找的基准应该就是这个font-size: 0.75em ,下面还有一段:
h1 {font-size: 2.4em}
h2 {font-size: 2.1em}
h3 {font-size: 1.8em}
h4 {font-size: 1.5em}
h5 {font-size: 1.2em}
h6 {font-size: 0.9em}
这个与你给的CSS里面这段应该是相对应的:
h1 {font-size: 188%;
	display: block;
	clear: both}
 
h2 {
	font-size: 150%;
	margin-bottom: 6px}
 
 
h3 {font-size: 132%}
h4 {font-size: 116%}
h5 {font-size: 100%}
h6 {font-size: 80%}
而你所需要修改的字体大小的基准,应该就是这2部分当中,当然我并没有测试,只是根据代码的猜测。是不是我所说的这样,还是需要老白你自己测试一下了。

PS:这个系统真的很复杂,代码写的很规整,但是它的众多文件排列实在是混乱,看一眼我头都大了!顺便告诉我你所说的CSS文件在什么地方,你用的什么版本!

登录 或者   注册一个会员帐号 来参与讨论

更多
2008年11月17日 23:57 #5 作者: Joomla之门

你用的是多少版本呀!我找了一个,但是没有发现你说的模板!


呵呵,忘记说了,我用的是单独的 Tikipedia 模板,是仿 Wikipedia(维基百科)的风格,不是 TikiWiki 自带的模板。

刚才我为了方便,干脆都使用 px 来定义字号了。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2008年11月18日 00:23 #6 作者: remember113
那你自己试试看吧!不知道我猜测的对不对

登录 或者   注册一个会员帐号 来参与讨论