让BLOG更有个性“定制CSS选择器”
01月 13th, 2005 by 和家林
想必大家都注意过一些BLOG的题目部分好像是有自定的背景,我第一次看到的时候十分羡慕,认为是不是只有比较出名
的博客才能有此特权啊,可是经过仔细琢磨发现,不是这样的,其实人人都可以制作有自己特点的风格,对于一些网页
编辑高手来说这根本不值一提,但是可能还是有一些向我一样的懵懂者,因此我把我的一点心得体会跟大家分享一下。
首先要知道什么是CSS,Cascading Style Sheets(层叠样式表单)的简称,简单的说就是一种控制网页中一些成分样式
的语句,也可以是单独的文件,本次使用的好像就是独立于网页代码的文件。这也都不用太深究。若要控制网页中某一
成分的样式就要知道那个成分是什么,例如:“背景”、“正文文字”、“标题”、“激活的超级链接文字”、“没有
激活的超级链接文字”等等。但是为什么会出现知在标题的部分加上背景呢(就像我的BLOG),就因为在
“AnotherEon001”风格中,标题栏是一个命名为“top”的一个“层”,知道了名字就可以对它进行规定.
#top { background-color: #006699; background-image: url(http://www.xxx.xxx/imp/top.jpg);background-
repeat: no-repeat}
很简单,用上之后效果就很不一样了。如果手边有DREAMWEAVER,那就更好了,F7呼出CSS STYLE 窗口,点击NEW STYLE
,在类型上选择 use css selector,下面的框框中输入要进行控制的对象的名字(ID),上面的就是“#top”,然后就
是很简单了选择要控制的内容“background”或是“type”等,
之后很重要的一点就是选择图片了,由于只是背景,体积不要太大,否则耽误浏览,面积也要合适一些,可以使用一块
多次重复或,干脆就用一块(900*80)的,在1024的分辨率下正好。
希望这篇文章对大家打造有个性的BLOG有帮助。
fish in deep ocean Says
呵呵,还蛮不错的嘛!字好小啊!可能是我家显示起不够大.这样吧,你给我换个大点的显示器吧.好的就这样说定了!成交!议会也一致通过了!就这样吧!
Jan 13th, 2005 at 6:03 pm
Reason Says
#top { background-color: #006699; background-image: url(http://www.xxx.xxx/imp/top.jpg);background-repeat: no-repeat; right center}
这样就让图片居右了。因为我的分辨率大于1024,所以上面的右边空出好大一块。
还有,这个评论的字太小了。。。
Jan 13th, 2005 at 6:40 pm
钱迩 Says
我想修改自己的背景颜色为灰蓝色或者灰白色,该用什么代码呢?
Jan 25th, 2005 at 3:19 pm
泡沫 Says
不错,我试试
Feb 6th, 2005 at 3:50 pm
泡沫 Says
我想改成自己的图片。咋改啊?在那设啊?
Feb 6th, 2005 at 3:54 pm
泡沫 Says
我想改成自己的图片。咋改啊?在那设啊?
Feb 6th, 2005 at 3:54 pm
不凡之星辰 Says
你要先把你自己的图片弄到网上,不管用什么方法。
比如贴在论坛上或存放在主页空间里,再或者堆在网络硬盘里。
接下来就是复制图片的地址。如果你看中了一张别人网页上的图片,那么你也可以直接把那张图片的地址复制下来。
有了地址后就可以改背景图片了
比如输入这么一段:#top { background-color: #006699; background-image: url(http://www.xxx.xxx/imp/top.jpg);background-repeat: no-repeat; right center}
其中从url开始的一段东西就是图片的地址。
Apr 10th, 2005 at 6:14 pm
teno Says
呵呵,大家都喜欢打造个性blog
交换一个链接吧!
http://www.donews.net/teno
Apr 11th, 2005 at 12:08 am