只要您開始使用HTML構建網頁，您就會開始處理大小。 為了讓您的網站看起來像您希望的樣子，可能與您或其他設計人員創建的設計相匹配，您需要更改該網站上文本的大小以及網頁上的其他元素。 要做到這一點，您可能會開始尋找HTML“尺寸”標籤，但您很快就會發現它缺失。
HTML大小標記在HTML中不存在。 相反，為了設置字體，圖像或佈局的大小，您應該使用層疊樣式表。 實際上，您需要對網站的文本或其他元素進行任何視覺更改都應該由CSS處理！ HTML僅用於結構。
與HTML大小標記最接近的標記是舊的字體標記，它確實包含大小屬性。 請注意，此標記在當前版本的HTML中已被棄用，並且將來可能不會被瀏覽器支持！ 你不想在你的HTML中使用字體標籤！ 相反，你應該學習CSS來調整你的HTML元素的大小，並相應地設置你的網頁風格。
字體大小
字體可以說是用CSS規模最容易的事情。 不僅僅是文本大小，用CSS你可以更具體地了解你的網站排版 。 您可以定義字體大小，顏色，套管，重量，領先等等。 使用字體標籤，您只能定義尺寸，然後只能根據瀏覽器的默認字體大小來確定每個客戶的字體大小。
要設置段落的字體大小為12pt，請使用font-size樣式屬性：
h3 {font-size = 24px; }這種風格將設置headiing3元素24個像素的字體大小。 您可以將其添加到外部樣式表中，並且所有網站的H3都會使用此樣式。
如果您想為文字添加其他印刷風格，可以將它們添加到此CSS規則中：
h3 {font-size：24px; 顏色：＃000; 字體重量：正常; }這不僅會為H3設置字體大小，還會將顏色設置為黑色（這是＃000的十六進制代碼的含義），並且會將權重設置為“正常”。 默認情況下，瀏覽器將標題1-6顯示為粗體文本，因此此樣式將覆蓋該默認設置，並且基本上“取消粗體”文本。
圖像大小
圖像定義尺寸可能會非常棘手，因為您實際上可以使用瀏覽器來調整圖像大小。 當然，使用瀏覽器調整圖像大小並不是一個好主意，因為它會導致頁面加載速度變慢，而且瀏覽器的大小調整通常很糟糕，使圖像看起來很糟糕。 相反，您應該使用圖形軟件來調整圖像大小 ，然後將其實際大小寫入您的網頁HTML中。
與字體不同，圖像可以使用HTML或CSS來定義大小。 您可以定義圖像的寬度和高度。 使用HTML時，只能以像素為單位定義圖像大小。 如果您使用CSS，則可以使用其他度量，包括英寸，厘米和百分比。 當您的圖片需要流暢時，這個最後的值百分比非常有用，例如在響應式網站中。
要使用HTML定義圖像大小，請使用img標記的高度和寬度屬性。 例如，這個圖像將是400x400像素的平方：
height =“400”width =“400”alt =“image”/>要使用CSS定義圖像大小，請使用高度和寬度樣式屬性。 以下是使用CSS定義大小的相同圖像：
style =“height：400px; width：400px;” alt =“image”/>佈局尺寸
您在佈局中定義的最常見尺寸是寬度，首先需要決定是使用固定寬度佈局還是使用響應式網站。 換句話說，您是否將寬度定義為像素，英寸或點的確切數量？ 或者你打算使用ems或百分比來設置你的佈局寬度？ 要定義佈局的大小，可以像使用圖像一樣使用寬度和高度CSS屬性。
固定寬度：
風格=“寬度：600px的;”>液體寬度：
風格=“寬度：80％;”>當您決定佈局的寬度時，應該記住讀者可能使用的不同瀏覽器寬度以及他們將使用的不同設備。 這就是為什麼響應式網站可以根據不同的設備和屏幕尺寸改變其佈局和尺寸，是當今最佳實踐標準。