css代碼可以內嵌也可以外鏈。內嵌就是將css直接寫在html標記中，大約在2008年以后基本都逐漸規范為外鏈方式。內嵌css有個很大的缺點，就是html標記與css代碼混合在一起，頁面代碼看起來比較混亂、吃力，結構不太清晰，后期如果有修改就會很費勁；規范為外鏈后，代碼美觀易懂、脈絡清晰，方便二次修改。外鏈css，就是將css從html標記中分離出來，集中到一個或多個css頁面，再根據需要，調用相關css文件進行指定樣式表。
CSS樣式表
內嵌css的方式：在html標記中添加屬性“style”，設置相關屬性值。如：“<pstyle=“font-size：12px”>帶你走進科技大世界。</p>”就是給“帶你走進科技大世界。”這段文字設置的字體大小為12px。
內嵌CSS樣式
外鏈css方式：建一個css文件，樣式集中寫在該文件中，在所需頁面調用就行了。方法是在“<head>”標記中添加“<linkrel="stylesheet"type="text/css"href="xxx/cssName.css">”，其中“xxx”為路徑，“cssName.css”為文件名。外鏈設置好后，在標記中通過“class”或“id”進行調用，如“<pclass=“toptxt”>”或"<pid="toptxt">"，這時候樣式表中被命名為“toptxt”的樣式就應用到這個“<p>”標記中了。樣式表中“class”和“id”的寫法不一樣，“class”前面加“.”，“id”前加“#”。
調用CSS文件
下面來說說使用“class”和“id”的區別，二者之間最大的區別是“class”名稱在同一個頁面中可以重復使用，而“id”名稱是獨一無二的。“class”本身就是用來調用樣式的，一個頁面中有同一個樣式效果很正常，用“class”方便省事也更合理。“id”相當于人名，不允許重復出現。因為“id”不僅可用于樣式，在寫JavaScript時通常也要用“id”指定塊。