首先,这篇文章是针对新手们如何快速对网站的样式进行修改,即使你没有一点css的基础,看了这篇文章,也会进行简单的修改!因为看到论坛上有太多的人都是针对模版中一些样式的疑问,如:字体大小,导航居中,居左,居右等等,这里将具体针对一些论坛中提到的问题一起讲解一下如何对模版样式进行修改!
废话少说,直接奔重点!我们知道如今绝大部分网站通过DIV+CSS的结构排版布局,但是你们知道什么是DIV+CSS吗?别问我,我也说不出个所以然来,这是实话!按照我的理解,div相当于一个容器,通过<div>....</div>这种形式将网站的内容都放置在这个容器里面,css就是装饰这个容器的!这个应该很好明白把!而这种布局的好处,就是方便对网站整体的风格进行管理!
所以用web语言翻译上面的解释,可以表示为:
而一个网站布局里面用到的这种结构小则几十,多则上千,要对每个容器赋予不同的样式,进行不同的装饰,就必须对其进行命名或者编号,表现为:
这里的id="box"意思就是这个容器的编号为"box",而class="boxstyle"意思就是这个容器被赋予了名为"boxstyle"的样式,一般来说,只需要class="boxstyle"这个就可以了,id的存在是为了实现一些更复杂的效果!这里不细说!当然也有嵌套结构,即大容器里面在放小容器:
更复杂的还有更深层次的嵌套关系,到时候就需要细心和耐心进行调式了!这里有一点要注意,容器的ID编号一般是唯一的,除非是有着共同的功能和作用,一般情况下是不会重复命名的,这也跟设计师对这方面的处理习惯有关!
我们在来说说css,前面说了,css的作用就是起到一个装潢修饰的作用,无非也就是控制这个容器的长度(height),宽度(width),颜色(color),背景(background)等等....一些属性!针对这些属性赋予不同的值,便会产生不同的效果!这里列举一些最基本,最常见的css属性,以及这些属性的赋值规律及说明:
暂时想到的基本的就这些,用到最多的也是这些,起码大家在看到这些的时候不会陌生,知道它们是干嘛的!当然还有很多,但是只要大家知道方法,相信其他的属性大家都会知道怎么去运用了!
好了,基础知识恶补到这里,在来具体说说问题:
有网友发消息问如何修改导航的字体颜色?问题来了,我们首先要知道我们需要改哪个文件,即使知道要改css文件,你也要知道怎么找到这个css文件,死办法,在网页上,右键-->查看源文件,你会看到网页所有的html代码,你找到有关*.css的文件名,一般在页面的上部,以<link rel="stylesheet" type="text/css" href="****.css" />的格式加载的,有的模版可能不只一个css,在不知道的情况下,只有一个个的找,这是个细活,需要一定的耐心和细心的!
那么,我们到底怎么个找法呢?前面说了,所有容器都是有编号或者样式名的,以这个字体大小的问题为例,sean_cms模版的导航是放在下面这个位置:
这样我们就知道这个容器被赋予了3个样式,共同作用在这个容器上,分别是clear,content ,menu用空格分开的,现在我们知道了css文件,也知道容器样式,就可以有目的的找这几个样式了:
这里看到的clear和content都不是我们最终要改的地方,而唯一和menu有关的,带有颜色属性的就是第三个样式,在这里将color:#000000;改成你需要的颜色就可以了!你也可以在这里添加其他属性:
这里添加了一个font-size:14px的属性,将字体的大小进行控制,也许你在修改的时候,会碰到没有效果,因为css连带关系很多,不是每一次都可以直接找对位置,在并不熟练的情况下,大家还是用最笨的方法,就是一个一个的试,经过一段时间的积累和经验,你自然会很快的找到你要修改的地方了!
说了这么多,重要的是给大家提供一个方法,这里阿诺也不可能把所有问题都讨论到,有了方法,剩下的就靠大家的努力加细心还有耐心了!相信大家在这个过程中会体体会到一种成就感!
Tags: | 2012/5/2 | 发表评论