iT邦幫忙

2023 iThome 鐵人賽

DAY 13
0

上次說明了HTML,那我們這次來講講CSS,再次提供簡單五大重點為你提供一個堅實的起點🥳

  1. CSS是什麼?

    CSS代表"階層樣式表"(Cascading Style Sheets),它是一種用於控制網頁外觀和排版的樣式語言。通過CSS,你可以指定網頁元素的風格、佈局和外觀。

  2. 選取器(Selectors):

    選取器是用於選擇要應用樣式的HTML元素的方式。最簡單的選擇器是元素選取器,例如**p(選擇所有段落元素)。還有其他選取器,如類選取器(.classname)和ID選取器(#elementID**),它們允許你更精確地選擇元素。

    p {
        /* CSS樣式將應用於所有段落元素 */
    }
    
    
  3. 屬性和值(Properties and Values):

    CSS樣式由屬性和值組成。屬性是你想要更改的元素特性,例如**color(文字顏色)或font-size(字體大小),值則是你要為屬性指定的設置,例如red(紅色)或16px**(16像素)。

    cssTest code
    p {
        color: black;
        font-size: 12px;
    }
    
    
  4. 樣式規則(Style Rules):

    CSS規則由選擇器、屬性和值組成,並告訴瀏覽器如何渲染選擇的元素。例如:

    這個樣式規則將使所有段落文字變為藍色並設置字體大小為18像素。

    <p>這是一個段落文本。</p>
    
    p {
        color: yellow;
    }
    
    
  5. 層疊(Cascading):

    CSS中的"Cascading"表示樣式規則可以疊加和覆蓋。當多個規則選擇同一個元素時,瀏覽器將根據特定的層疊順序(詳細度和後來優先)來決定應用哪個樣式。這使得可以集中管理風格,並覆蓋需要更改的元素的樣式。


上一篇
Day 12-HTML 進階
下一篇
Day 14-CSS 進階
系列文
菜鳥行銷PM教你30天用Wordpress成為個性化網站大師30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言