歡迎大家分享學習,轉走前請先告知唷~
我已經先跟原著單位引用,希望大家尊守網路守則唷^^
◇ CSS語法使用注意事項 |
| |
| 1. CSS 是 "Cascading Style Sheet" 的縮寫,一般稱為 "階層樣式表"。 CSS 並不是一種程式設計語言,而是用於網頁排版的標記性語言。 它可以將 html語言功能加以擴展,讓您的網頁更有獨特的風格。 2. 本站的 CSS 語法皆可直接套用在網頁上,是屬於比較容易上手的 語法,如果需要更詳盡的資訊,建議您參閱相關書籍。 3. 在 CSS 語法中,舉凡字形、顏色、尺寸、背景、文字、邊界等 屬性,皆建議您多做不同的嘗試,以獲得最佳瀏覽效果。 4. 認識標準 html語法架構,有助於您編修網頁的效果。 網頁標題 不在網頁上顯示的資訊 網頁內容 |
| |
| ◇ 如何控制文字不隨瀏覽器的檢視設定變動 |
| |
| 當你辛辛苦苦完成網頁想秀一下時,卻發現瀏覽器的字型檢視一 調整,整個網頁就扭曲成一團,慘不忍睹!這時候你就可以利用 CSS 將字型大小控制住,就算別人再怎麼調整字型,也不會改變 網頁一分一毫了。將下列虛線中的語法複製到 ..... 之間即可。 [語法] -------------------------------------------- -------------------------------------------- [說明] 1. 字型大小自由設定,line-height 是指物件的頂端邊界。 em 是字型的高度單位,屬於相對長度單位。 [效果展示] |
| |
| ◇ 控制超連結的顏色與底線 |
| |
| 目前最常使用的 CSS 語法,就是控制超連結的顏色與底線, 你可以依樣畫葫蘆,將下列虛線中的語法貼在 html 語法中 ..... 之間: [語法] --------------------------------------------------------------------------- -------------------------------------------------------------------------- [說明] 1. 你可以自己更改色碼 (#xxxxxx),換上你喜歡的顏色, 若需要加底線,就將 none 改成 underline 即可,試試看。 2. 為了避免有些瀏覽器將 標記間的敘述 當成普通字,而顯現在網頁上,因此建議將敘述文字放在 html 註釋語句 中。 [效果展示] |
| |
| ◇ 如何使背景不隨文字滾動 |
| |
| 有時瀏覽別人的網頁,在拉動捲軸時,背景卻不隨文字滾動, 這是因為背景被設為'固定'的原因,只要將虛線內的語法複製 到 ..... 之間即可。 [語法] -------------------------------------------------------- -------------------------------------------------------- [說明] 1. 屬性 fixed : 背景不隨文字滾動。 屬性 scroll : 背景隨文字滾動(預設)。 2. 建議使用在單純的背景,以避免前景與背景重疊 。 如果你需要的廣告效果在背景上,這也是一個好方法。 [效果展示] |
| |
| ◇ 如何將瀏覽器與網頁之間的邊界去除 |
| |
| 在瀏覽器的預設值裡,網頁頁面與瀏覽器邊界是留有固定的邊界, 如果你是用深色背景的話,這個邊界會造成畫面不美觀。因此, 要去掉這個邊界,只要將虛線內的語法複製到 ..... 之間即可。 [語法] ----------------------------------------------------------------- ----------------------------------------------------------------- [說明] 1. 上述語法是比較完整的寫法,簡單一點可以寫為 :margin=0
2. 你可以依需求更改邊界值設定。 [效果展示] |
| |
| ◇ 如何將表格的框線變得更細緻 |
| |
| 在大型網站常會使用許多表格,妳可以發現這些表格的框線都很 細緻,可是用網頁編輯軟體做出來的表格,框線都粗粗的不太好 看。只要將下列語法 (A),複製到該表格 的屬性中,即可 得到不錯的效果喔,試一試吧! (A):bordercolordark="#FFFFFF" bordercolorlight="#006600" [語法] ------------------------------------------------ ------------------------------------------------ [說明] 1. 其實 (A) 語法是表現表格的立體性,因為我們設定 border="1", 所以立體效果顯不出來,反而是讓框線變細了。另外,框線的 顏色可自行改變。 2. 如果要讓框線有立體效果,只要改變 border 的值就可以了 [效果展示] |
文章定位:
好友的新聞台Blog
TOP
|