H5學習之旅-H5的區塊標籤的使用(9)
Feb 17, 2017 pm 02:34 PM塊元素的基本語法
1. Html塊元素,塊元素在開始時候通常以新行開始,比如h1,p,ul
2.內聯元素,通常不會以新行開始,例如a,b,img
3.html的p元素,p也被稱為塊元素,其主要作為組合html元素的容器
4.html的span元素,span元素是內聯元素,可作為文本的容器
! ! ! ! ! !程式碼實例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5块元素</title> <link rel="stylesheet" type="text/css" href="myStyle.css"> <style> span{ color:chartreuse; } </style></head><body> <p>这是一个段落</p> <h1 id="这是一个标题">这是一个标题</h1> <b>这是一个加重</b> <a>这是一个超链接</a> <p id="pId"> <p> 这是一个段落 </p> <a>这是一个超链接</a> </p> <p> <P><span>这是一个span测试,</span>测试效果</P> </p></body></html>
登入後複製
登入後複製
css程式碼
#pId p{ color:red;}
登入後複製
登入後複製
pId是di的id,後面的p是指定P標籤
效果圖
塊開始時候通常以新行開始,例如h1,p,ul
2.內聯元素,通常不會以新行開始,例如a,b,img
3.html的p元素,p也稱為塊元素,其主要作為組合html元素的容器
4.html的span元素,span元素是內聯元素,可作為文本的容器
! ! ! ! ! !程式碼實例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5块元素</title> <link rel="stylesheet" type="text/css" href="myStyle.css"> <style> span{ color:chartreuse; } </style></head><body> <p>这是一个段落</p> <h1 id="这是一个标题">这是一个标题</h1> <b>这是一个加重</b> <a>这是一个超链接</a> <p id="pId"> <p> 这是一个段落 </p> <a>这是一个超链接</a> </p> <p> <P><span>这是一个span测试,</span>测试效果</P> </p></body></html>
登入後複製
登入後複製
css代碼
#pId p{ color:red;}
登入後複製
登入後複製
pId是di的id,後面的p是指定P標籤
效果圖
以上就是H5學習之旅-H5的塊標籤的使用(9) 以上就是H5學習之旅-H5的塊標籤的使用(9)
以上就是H5學習之旅-H5的塊標籤的使用(9)
以上就是H5學習之旅-H5的塊標籤的使用(9)
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章
擊敗分裂小說需要多長時間?
3 週前
By DDD
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章
擊敗分裂小說需要多長時間?
3 週前
By DDD
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章標籤

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)