字預設大小：1em=100%=12pt=16px

直接加入樣式，就是用「style=」直接把CSS語法加在HTML中

格式：selector{屬性：屬性值；屬性：屬性值}

格式：<tag style="CSS語法">

例如：<h2 style="color:red;font-size=10px">字串</h2>

如果想修改區塊div的寬度：

<div style = "width:100px;height:100px;border:1px solid red;">我是容器</div>

(其中border:1px solid red;是外框)

<!DOCTYPE html>

<html lang="zh-tw">

    <head>

       <title>第二個網頁測試，還有CSS測試</title>

       <meta charset="UTF-8">

    </head>

    <body>

       <span style="color: red;text-decoration:underline">字串</span><!--span不會換行-->

       <span>apple</span>

       <span style="font-size:30px;color:red;">apple</span><!--文字大小px、顏色(英文)-->

       <span style="font-size:4em;color:rgb(66,66,66);">apple</span><!--文字大小em、顏色(rgb)-->

       <span style="font-size:200%;color:#FFFF00;">apple</span><!--文字大小%、顏色(16進位)-->

       <div style="width:100px;height:50px;border:1px solid red">我是容器</div>

       <!--↑用width、height調整容器div的大小，用border劃出框框-->

 

    </body>

</html>

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 乙方 的頭像
    乙方

    學習筆記專區

    乙方 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄