免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

標題: [已回答] 请问导航栏的字体如何变大 [打印本頁]

作者: tbgg    時間: 2014-2-20 17:29     標題: 请问导航栏的字体如何变大

麻烦知道的同学告知下,谢谢!
作者: 章鱼    時間: 2014-2-20 19:18

你好象发了两个一样的帖子= =
  1. <style>#menu li a{font-size:100px;height:100px;line-height:100px;}div #menu{height:100px;}</style>
複製代碼
其中四个100px是字体大小的尺寸,请根据实际需要自行调节到合适的大小
作者: tbgg    時間: 2014-2-20 20:14

回復 2# 章鱼


    谢谢,但是这代码怎么用啊?大大
作者: 哥哥    時間: 2014-2-21 09:50

回復 3# tbgg


    放其他头部 或者去掉<style></style>正常字体
作者: tbgg    時間: 2014-2-21 10:36

回復 3# tbgg


    谢谢!搞定了!
作者: tbgg    時間: 2014-2-21 10:36

回復 4# 哥哥


    谢谢!搞定了!
作者: 章鱼    時間: 2014-2-21 10:37

回復 3# tbgg


   
放在其他头部信息,或者把<style>和</style>去掉放在css_common模板里面
注意不要放在正常字体里面,因为实际效果和放css_common一样,但是以后修改起来就会麻烦很多.
作者: 哥哥    時間: 2014-2-21 10:41

回復 7# 章鱼


    放在正常字体局限于一个风格 会员换其他风格的时候不会有携带

    放头部和css_common 会携带 对于新手而言最好是放正常字体 因为换风格的时候不会有所顾虑
作者: Yenifer    時間: 2014-2-21 11:01

回復 6# tbgg


    最好是放在风格的正常字体里,因为风格有很多,你换风格的时候最起码知道风格的基本代码在什么地方

如果放在模版里,导致你换一个风格就需要 修改模版代码,不利于新手。

所以,建议放在风格的正常字体里,

2楼给的代码有点问题,
  1. <style>#menu li a{font-size:100px !important;height:100px !important;line-height:100px !important;}#menu{height:100px !important;}</style>
複製代碼
font-size:100px  !important  是字体的大小一般在14px

#menu li a{height:100px !important}这个是根据导航栏的高度来设定的,一般都是导航栏多少px,这里就设置多少px

#menu li a {line-height:100px !important}这个也是根据导航栏设定,大多情况下,也是导航栏多少px,这里就设置多少px

#menu{height:100px !important;} 这个代码是给导航栏设定高度,一般根据你的导航栏背景来设定的,例如导航栏背景是45px,那么你这个也要设置为45px

开头的<style></style> 是代码的开闭标签,属于CSS的

如果去掉开闭标签,可以放在正常字体里代码如下(放在正常字体坐后面)
  1. #menu li a{font-size:100px !important;height:100px !important;line-height:100px !important;}#menu{height:100px !important;}
複製代碼
如果你喜欢带开闭标签,是必须要添加在头部,代码如下
  1. <style>#menu li a{font-size:100px !important;height:100px !important;line-height:100px !important;}#menu{height:100px !important;}</style>
複製代碼
仔细发现,这个代码跟2L的代码是一样的,但就是在px 后面多了  !important这个代码

原因就是必须要给你设定的值加一个重定义,否则,浏览器可能会执行系统自设定,而忽略你给出的值,带上  !important 就是给这个值加了一个重定义,就是在遇到相同的选择器 属性 值 的时候,首先加载带有重定义的代码。

妈妈说,写完要收功,不然很容易走火入魔的。
作者: 章鱼    時間: 2014-2-21 13:06

回復 8# 哥哥


   
显然每个风格都可以有自己的css模板,所以切换风格并不会有什么问题
对于新手而言,比较好的方法是放在其他头部信息.新手代码多了本来就容易乱,其他头部信息的大小是可以无限放大的,但是风格的字体只有一个小小的input.而且最主要的问题是,放在字体里面的代码似乎不仅仅是把<style>去掉吧.
作者: 章鱼    時間: 2014-2-21 13:07

回復 9# Yenifer


   
首先呢,你那个代码放在字体里面根本是不能用的
要放也是放
  1. ;}#menu li a{font-size:100px !important;height:100px !important;line-height:100px !important;}#menu{height:100px !important
複製代碼
其次,完全不需要!important.不信,你试试看就知道了.能避免!important就最好避免,!important这种强制定义的东西还是少用为妙
作者: Yenifer    時間: 2014-2-21 13:15

回復 11# 章鱼

对不起,我写代码的习惯是希望;}结尾,所以,代码是没错的
作者: 哥哥    時間: 2014-2-21 14:36

回復 10# 章鱼


    去掉Sytle放正常字体测试可用,对于新手来讲无疑放头部最为简单,修改模板风险最大
作者: 章鱼    時間: 2014-2-21 15:20

回復 12# Yenifer


   
你要知道css模板内部是怎么样的.他是xxx{font-family:字体;}
所以说,你写的字体应该是首先是;},把之前的CSS闭合,然后再自己开启一个新的.这样才是严格正确的写法.
作者: 章鱼    時間: 2014-2-21 15:21

回復 13# 哥哥


   
对啊,放其他头部信息比较好(那么你之前怎么说放在风格文字里面呢- -)
然后可用不代表严格正确,等什么时候开始使用xhtml了你就会发现有一些问题.详情看楼上.
作者: Yenifer    時間: 2014-2-21 15:49

回復 14# 章鱼

你赢了

我上班

世界是你的了
作者: 哥哥    時間: 2014-2-21 17:02

回復 15# 章鱼


    哎 如果可以的话 放正常字体最好  对于新手放其他头部简单. 修改css_common模板 真的对于新手会有错误的. 不知道你说什么了!
作者: tbgg    時間: 2014-2-21 19:02

回復  tbgg


    最好是放在风格的正常字体里,因为风格有很多,你换风格的时候最起码知道风格的基本代码 ...
Yenifer 發表於 2014-2-21 11:01



    非常详细!非常感谢!
作者: tbgg    時間: 2014-2-21 19:03

回復 7# 章鱼


   谢谢!
作者: tbgg    時間: 2014-2-21 19:03

回復 14# 章鱼


    谢谢!




歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://hotbbs.info/discuz/) Powered by Discuz! 7.2