网页设计-入门篇 - css

《网页设计-入门篇 - css》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、網頁設計－入門篇-CSS　　了解基本的Html後，現在來看看製作網頁的利器~CSS吧！一、認識CSS：CSS是「CascadingStyleSheets」的縮寫，中文即「串連樣式表」。lCascading的意思是，串接、連接lStyle的意思是風格、款式lSheets則是一頁紙、表的意思。二、用途：當編輯網頁需要用到大量相同格式效果，如果用土法煉鋼一個個修改的話，未免太費時費力了，這時若能利用css便可以快速修改想要的效果；又或者，對於網頁上有眾多美麗特效(透明化…)有無限嚮往，都可由css達成。三、用法：1.直接宣告：顧名思義就是在想要使

2、用css語法的網頁內直接宣告，那麼便可以得到想要的效果囉！其優點是套用容易，在頁面中直接使用不需要另建新檔，也無需考慮使用css語法部分取名的問題，缺點是當需要大量改變其他頁面時，仍需逐頁調整。通常直接宣告會放在之間，簡易範例如下：body{font-size:9pt}此範例表示頁面中body標籤中所有的字型大小（font-size）為9pt另外一種直接宣告法，是在需要用的部分直

3、接套用，範例如下： 此範例表示這個表格中（table）的字型顏色（color）為色碼#999999，字型為細明體2.外部連結使用外部連結，那麼所有頁面中你所指定的部分，只要透過修改css樣式檔，便可以一次達到想要的效果，不僅快速方便，更省下逐步修改的麻煩。而外部連結，通常必須搭配頁面中的「取名」，為你想要使用效果的部分命個名，當網頁讀取了css的檔案時，才知道這個效果是要用在那一個部分，而不會張冠李戴了。而命名的規格有下面兩種：lClass=name：（

4、搭配.name{}來使用}簡易範例-網頁中 表格 此範例表示這個表格中要套用name中所設定的格式簡易範例-css中首先製作一個css檔.name{ color:#ffffff;/*文字色彩*/font-size:9pt;/*文字大小*/border:1pxsolid#000000;/*框線大小及色彩*/}此範例表示name所設定的格式這個css檔不用其他的標籤，直接存為main.css，注意不是存為html檔喔！簡易範例-網頁中接著要在網頁中連結css檔，電腦才知道要

5、去那裡讀取css檔喔！連結一樣有兩種方法：1.2.注意main可以取為你設定的任何名字，而若css和html放在不同的資料夾中，則可依相對路徑連結到css檔案。lId=name：（搭配#name{}來使用}簡易範例-網頁中 表格

6、d> 此範例表示這個表格中要套用name中所設定的格式簡易範例-css中製作一個css檔#name{ color:#ffffff;/*文字色彩*/font-size:9pt;/*文字大小*/border:1pxsolid#000000;/*框線大小及色彩*/}此範例表示name所設定的格式連結方法和class的一樣，這就是簡易使用css的方法囉！其實css的效用還有很多很多，要靠大家自己多多摸索囉！