让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有帮助。


10 Responses to “让BLOG更有个性“定制CSS选择器””

Feed for this Entry Trackback Address
  1. 1

    fish in deep ocean Says

    呵呵,还蛮不错的嘛!字好小啊!可能是我家显示起不够大.这样吧,你给我换个大点的显示器吧.好的就这样说定了!成交!议会也一致通过了!就这样吧!

  2. 2

    Reason Says

    #top { background-color: #006699; background-image: url(http://www.xxx.xxx/imp/top.jpg);background-repeat: no-repeat; right center}

    这样就让图片居右了。因为我的分辨率大于1024,所以上面的右边空出好大一块。

    还有,这个评论的字太小了。。。

  3. 3

    钱迩 Says

    我想修改自己的背景颜色为灰蓝色或者灰白色,该用什么代码呢?

  4. 4

    泡沫 Says

    不错,我试试

  5. 5

    泡沫 Says

    我想改成自己的图片。咋改啊?在那设啊?

  6. 6

    泡沫 Says

    我想改成自己的图片。咋改啊?在那设啊?

  7. 7

    不凡之星辰 Says

    你要先把你自己的图片弄到网上,不管用什么方法。

    比如贴在论坛上或存放在主页空间里,再或者堆在网络硬盘里。

    接下来就是复制图片的地址。如果你看中了一张别人网页上的图片,那么你也可以直接把那张图片的地址复制下来。

    有了地址后就可以改背景图片了

    比如输入这么一段:#top { background-color: #006699; background-image: url(http://www.xxx.xxx/imp/top.jpg);background-repeat: no-repeat; right center}

    其中从url开始的一段东西就是图片的地址。

  8. 8

    teno Says

    呵呵,大家都喜欢打造个性blog

    交换一个链接吧!

    http://www.donews.net/teno

发表评论

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

click to change验证码