烫伤鱼骨图:修改代码小技巧

来源:百度文库 编辑:中财网 时间:2024/04/19 21:56:34

修改代码小技巧   



1. 如何修改文字大小?
文字大小在代码中是通过font-size属性来控制的。
(1)、如果要修改代码名称的文字大小,只要在a.blk{color:#000;font-weight:bold;}中增加font-size属性就可以。比如要缩小文字,只要加入font-size:12px即可。修改后的代码是a.blk{color:#000;font-weight:bold;font-size:12px}。
(2)、如果要修改新闻标题的文字大小,只要修改.baidu{font-size:14px;line-height:24px;font-family:arial}中的font-size属性就可以。
(3)、如果要修改新闻来源、新闻时间的文字大小,只要修改.baidu span{color:#6f6f6f;font-size:12px}中的font-size属性就可以。
(4)、如果要修改后面的“更多>>”的文字大小,只要在a.more{color:#008000;}中增加font-size属性就可以。
2. 如何修改文字的颜色?
文字颜色是通过color属性来控制的。
(1)、如果要修改代码名称的颜色,只要修改a.blk{color:#000;font-weight:bold;}中的color属性就可以。比如要将代码名称变成绿色,只要把color后面的#000改为#008000即可。
(2)、如果要修改新闻标题的颜色,只要修改a:link{color:#0000cc;}中的color属性就可以。
(3)、如果要修改新闻来源和时间的颜色,只要修改.baidu span{color:#6f6f6f;font-size:12px}中的color属性就可以。
(4)、如果要修改最后的“更多>>”的颜色,只要修改a.more{color:#008000;}中的color属性就可以。
3. 如何去掉链接文字的下划线?
链接文字的下划线是通过text-decoration属性来实现的。如果希望去掉下划线,只要在a:link{color:#0000cc;}中增加text-decoration:none即可。修改后这部分代码变成a:link{color:#0000cc;text-decoration:none}
4. 如何修改行间距?
行间距是通过line-height属性来控制的。如果希望改变行间距,只要在.baidu{font-size:14px;line-height:24px;font-family:arial}中修改line-height的属性即可。比如需要将行间距变大,只要将line-height后面的24px修改为32px即可。
5. 如何修改背景颜色?
背景颜色是通过background-color属性来控制的。如果希望更改背景颜色,只要在.baidu{font-size:14px;line-height:24px;font-family:arial}中增加background-color属性就可以。比如希望将背景颜色变成淡蓝色,只要将这部分代码修改为.baidu{font-size:14px;line-height:24px;font-family:arial;background-color:#e5ecf9}就可以。
6. 如何将两个免费代码合并?
将两个免费代码合并时,只要将两个代码的script部分合并,style部分保留即可。下面举例说明:
免费代码1:


免费代码2:

将以上两个免费代码合并,取其中一段代码的 部分保留,两段代码的部分直接合并,得到合并后的代码:



这样就可以完成两段代码的合并,多段代码的合并方法类似。