iT邦幫忙

2021 iThome 鐵人賽

DAY 9
0
自我挑戰組

給自己學習30天重新認識css系列 第 9

div及span容器標籤-基礎語法

  • 分享至 

  • xImage
  •  

Yes

介紹div及span容器標籤使用方式及注意事項
淺談div區塊元素及span行內元素

        <div>
        <h2>Lorem ipsum dolor sit.</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime eaque explicabo asperiores perferendis et quo velit quam? Incidunt, tenetur. Earum?</p>
    </div>

之後學習到box model 就能夠了解div使用時機及span
示範搭配p使用span如何變色
搭配css做字體顏色

        <p>lorem ipsum <span class="red">dolor sit amet</span>, consectet</p>
    .red{
        color:red;
    }

參考文獻:
span MDN
div MDN


上一篇
ui li 列出清單標籤-基礎語法
下一篇
html5 語意化標籤-基礎語法
系列文
給自己學習30天重新認識css16
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言