Day11 CSS基本说明

讲完了那麽多的Html，接下来要进入到CSS环节的部分了，身为网页装潢师的它，我们先从怎麽使用它开始讲起。

第一种方式我们直接在你的html档案中，head标签里面加入style属性。

你就可以在style里面加入你想要调整html的颜色、排版、间距等等。

像是这张图片的例子，我调整了标题的颜色跟超连结不要有底线。

就能成功的设定CSS属性!

第二种方式是透过link连结CSS档案。

我们要先建立一个test.css的档案在根目录中，然後利用link连结它

接着在CSS档案里去做属性的撰写，可以达成一样的效果!

你说，这两种方式结果不是一样，那为甚麽还要分呢?接下来就让我来为你解释。

我们在做专案时，会遇到不同的情况，所以通常会视你与客户间的需求，去调整要写在内部，还是独立出来一个档案，而独立出来一个档案的好处是当你需要做修改的时候，你可能有很多的html分页档案，当客户跟你说，我不喜欢这个背景颜色或标题颜色时，你就可以省去要一个一个改css的时间!

CSS写法规则

要想要设定CSS，我们得先了解写的规则是什麽，才能让浏览器知道你改变的CSS。

首先我们看到这张图

我们会把要设定的html元素给抓出来，然後给他一个大括号。里面第一个会是属性，後面就是属性要设定的值。这张图片想把段落p设定成红色，翻译成中文的话就会是

选取器{                   段落{              
    属性: 属性要设定的值;       颜色: 红色;  
}                        }

相信转换成中文大家都很好理解!