在網(wǎng)頁(yè)設計中，我們通常會(huì )使用CSS(層疊樣式表)來(lái)控制頁(yè)面元素的體變樣式(???)，產(chǎn)品分類(lèi)(╬ ò﹏ó)右下角的大和字體變大和挪位(wei)置也是通過(guò)CSS來(lái)實(shí)現的，具體來(lái)說(shuō)，挪位我們可以通過(guò)調整字體大小、請問(wèn)(′?｀*)行高、產(chǎn)品位置等屬性來(lái)達到目的分類(lèi)，下面我們??以一個(gè)簡(jiǎn)單的右下樣字示例來(lái)說(shuō)明這個(gè)過(guò)(guo)程：
1、我們需要在HTML文件中添加一個(gè)<diヾ(＾-＾)ノv>元素，體變用于存放產(chǎn)品分類(lèi)信息。大和
<div class=&qu(′?ω?`)ot;pr???oduct-category"> <span class="category-n??ame">電子產(chǎn)品</span> &l( ?ヮ?)t;span class="category-desc">包括手機、挪位電腦等</s(′；д；`)pan></div>
2、請問(wèn)接下來(lái)，我們需要在CSS文件中為這個(gè)<div>元素添加樣式。
中文 
.product-category { posi??tion: relative; /* 使元素定位相對父元素 */}.category-name { font-size: 18??ヾ(′?｀)?px; /* 設置字體大小 */ line-height: 24px; /* 設置行高 */}.category-desc { font(???)-size: 14px; /* 設置字體大小 */ margin-top: 5px; /* 設置上邊距 */}ヽ(′ー｀)ノ3、我們可以通過(guò)調整.category-name和.category-desc的position屬性來(lái)改??(gai)變它們的位置，我們可以將.category-name的position屬性設置為absolute,然后調整其left和top屬性來(lái)實(shí)現字體變大和挪位置的(???)效果(′▽?zhuān)?，我們還可以將.category-desc的position屬性設置為absolute,并調整其right屬性來(lái)使??其顯示在.category-name的右側。
.category-name { position: absol??ute; left: 0; top??: 0;}.category-desc { positi??on: absolute; right: 0; top: 0;}要實(shí)現字體變大和挪位置，我們可以使用CSS的font-size和position屬性，我們需要為需要調整的元素設置一個(gè)類(lèi)名，然后在CSS文件中為這個(gè)類(lèi)名添加相應的樣式，具體操作如下：
1、在HTML文件中為需要調整的元素添加一個(gè)類(lèi)名，
<div class="product-category"> <span class="category-name">電子產(chǎn)品</span> <(′?_?`)span class="category-desc">包括手機、電腦等</span></diヾ(′?｀)?v>2、在CSS文件中為這個(gè)類(lèi)名添加樣式，
.product-category { position??: relative; /* 使元素定位相對父元素 */}.categ??ory-name { font-size: 18px; /* 設置字??體大小 */ line(′ω｀)-height: 24px; /* 設置行高 */ヾ(′ω｀)?}.category-desc { font-size: 14px; /* 設置字體大小 */ margin-top: 5px; /*(′ω｀*) 設置上邊距 */}3、根據需要調整(zheng).category-name和.category-desc的position屬性，以及它們的left、right、top等屬性，實(shí)現字體變大和挪位置的效果。
