Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
么是DIV?
DIV是層疊樣式表中的定位技術,全稱DIVision或叫做劃分。在網站制作中DIV元素一般是用來為HTML文檔內大塊(block-level)的內容提供結構和背景的元素。當使用DIV+CSS布局的時候, 主要把它當做盒子然后把需要的文字,圖像等內容放在DIV標簽之中,它可稱作為“DIV block”,或“DIV element”或“CSS-layer”,或干脆叫“layer”。所以把它稱作“層次”,或者直接就叫一段在 DIV 中的 HTML。
什么是CSS和CSS3?
CSS是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。
CSS3是CSS2的升級版本,3只是版本號,它在CSS2.1的基礎上增加了很多強大的新功能。 目前主流瀏覽器360、chrome、safari、firefox、opera等都支持CSS3絕大部分功能,IE10以后也開始全面支持CSS3了。CCS3可以讓使用者能更加快速地訪問互聯網。在CSS3語言下,不需要圖片,僅用文字即可。這讓網頁的文字在變得越來越漂亮的同時,不會影響瀏覽速度,并且還能被搜索引擎搜索。
現在國內用H5+css3做的網站越來越多,功能、交互等都給用戶體驗帶來了很大的提升。在移動端,微信朋友圈的各種H5游戲更是把H5推向了高峰。H5+css3就是發展的趨勢。
avascript使用document.getElementById操作div
javascript中經常會操作div,大家在網上看到的各種酷炫的前端效果,很多都是通過操作div來實現的,下面通過實例代碼和注釋來講解:
:語法
2:作用
div 標簽可以用來劃分 HTML 結構,從而配合 CSS 來整體控制某一塊的樣式。
div 標簽是塊級元素,它可用做組合其它 HTML 元素的容器。
div 標簽可以用作嚴格的組織工具,如果用 id 或 class 來標記 div 標簽,則 div 標簽的作用會更加完美。
3:例子
我們以 “堅持就是勝利” 這句話的中英文書寫方式為例,看一下 div 是如何劃分結構的
首先先看一下編輯器效果,如下
再來看一下瀏覽器的運行效果,如下
如果我們把 div 標簽去掉,只用段落標簽 p 來實現,其實瀏覽器的運行效果是一樣的,那我們為什么還要用 div 標簽呢 ,這不是多此一舉嗎?
其實不然,這是在代碼量比較少的情況下,兩者的差距不明顯,但如果代碼有成百上千行的時候,就體現到了 div 標簽劃分結構的作用,同時也使代碼更具有邏輯性。
總結來說,div 標簽最重要的用途是劃分區域,然后再結合 CSS ,針對指定區域進行樣式控制。
我自己是一名從事了多年開發的web前端老程序員,目前辭職在做自己的web前端私人定制課程,今年年初我花了一個月整理了一份最適合2019年學習的web前端學習干貨,各種框架都有整理,送給每一位前端小伙伴,想要獲取的可以關注我的頭條號并在后臺私信我:前端,即可免費獲取
原文鏈接:https://blog.csdn.net/qq_42351033/article/details/102680545
*請認真填寫需求信息,我們會在24小時內與您取得聯系。