歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

最笨重的动物 www.yyhul.icu DIV內字體大小,最笨重的动物內文字大小設置,div font-size字體大小布局篇,同時擴展到span字體大小,等標簽內字體大小設置布局教程

設置對象DIV字體大小或span字體大小設置有兩種方法,一種是使用style直接設置css字體大小,另外一種外部設置指定DIV內字體大小樣式。

一、標簽內設置字體大小   -   TOP

我們分別設置DIV盒子和SPAN盒子內字體大小為12px和16px,在分別標簽內使用style屬性設置css font-size設置字體大小樣式。

1、對應html源代碼片段

  1. <div style="font-size:12px">設置div內字體大小為12px</div> 
  2.  
  3. <span style="font-size:12px">設置span內字體大小為14px</span> 

2、案例截圖

標簽內使用style分別設置div和span內字體大小案例截圖
標簽內使用style分別設置div和span內字體大小案例截圖

擴展閱讀
div和span區別

二、外部設置指定的div字體大小   -   TOP

我們通過外部新建CSS選擇器分別對指定div和指定span設置文字大小樣式。

1、實例css代碼

  1. <style> 
  2. .div{font-size:14px} 
  3. /* css注釋:設置使用對象選擇器名為“.div”的字體大小為14px */ 
  4. .span{font-size:16px} 
  5. </style> 

2、實例對應html代碼片段

  1. <div>未設置div字體大小</div> 
  2. <div class="div">設置div字體大小為18px</div> 
  3. <span>未設置span內字體大小</span><br /> 
  4. <span class="span">設置span字體大小為24px</span> 

3、div字體大小與span字體大小實例截圖

外部CSS設置div和span對象字體大小實例截圖
外部最笨重的动物設置div和span對象字體大小實例截圖

在實際最笨重的动物布局中,通常推薦第二種方法布局DIV或SPAN等對象CSS樣式表,這樣可以利于開發和日后維護修改。

如需轉載,請注明文章出處和來源網址://www.yyhul.icu/rumen/r544.shtml

PT游戏娱乐平台 二人麻将下载苹果版 3排走势图 10码复式二中二多少组 江苏快三计划软件网页 双色球开奖走势图 双色球精准计划网 七星彩人工计划软件 三分彩规律 腾讯分分彩软件苹果版下载 江西时时软件 时时彩为什么改为20分钟 全天时时彩最准计划 北京pk10官网软件下载 秒速时时app下载 时时彩宝典苹果官方版