摘要:屬性標簽可以設置屬性,屬性一般以鍵值對的方式寫在開始標簽中標簽除一些特定屬性外可以設置自定義屬性,一個標簽可以設置多個屬性用空格分隔,多個屬性不區(qū)分先后順序。獨占一行元素的高度寬度行高以及頂和底邊距都可設置。
HTML標簽可以設置屬性,屬性一般以鍵值對的方式寫在開始標簽中
1.HTML標簽除一些特定屬性外可以設置自定義屬性,一個標簽可以設置多個屬性用空格分隔,多個屬性不區(qū)分先后順序。
2.屬性值要用引號包裹起來,通常使用雙引號也可以單引號。
3.屬性和屬性值不區(qū)分大小寫,但是推薦使用小寫。
這個舉個生活中的例子,你要在茫茫人海中找到你的女神,你依據(jù)什么來找呢?肯定依據(jù)她身上的某個特征來找對吧?這個特征換個詞就是屬性,她特有的屬性,其他人沒有的對吧?比如她今天穿的紫色長裙,那么你可以立馬鎖定女性,穿長裙,且裙子是紫色的人,這樣立馬就可以篩選掉一批人了對吧?然后你再根據(jù)你對你女神的了解,比如她走路的姿勢,身高,體型等等的,要不了多久你就可以找到你的女神了對吧。
那么這里web頁面的標簽也是,就是因為它有了它的屬性,第一,它的屬性會有一些功能幫助我們更好編寫web頁面,第二,它這些屬性我們在開發(fā)網(wǎng)站的時候可以利用某個屬性來調整樣式,調整此標簽的行為等等的。
以上所述,就是會有屬性的原因
每個塊級元素都從新的一行開始,并且其后的元素也另起一行。獨占一行
元素的高度、寬度、行高以及頂和底邊距都可設置。
元素寬度在不設置的情況下,是它本身父容器的100%(和父元素的寬度一致),除非設定一個寬度。
常用的塊狀元素:
行內元素特點:display:inline;
常用的行內塊狀元素:
[object Object] [object Object]
行內塊狀元素的特點:display:inline-block;
常用的行內元素
注意:可以通過display屬性對塊級元素、行內元素、行內塊元素進行轉換,為后面頁面布局做好了準備。
標簽與標簽之間也可以相互包含,或者說嵌套,但并不是任意嵌套,也有規(guī)則的:
我標記出來的那里就很好的提現(xiàn)標簽的嵌套關系,有興趣的可以自己再去看看
打開淘寶網(wǎng),右鍵鼠標,點檢查,有的瀏覽器叫審查元素,這個根據(jù)不同瀏覽器而異,這個技能我希望能學會,因為以后會經(jīng)常會使用這個,這個的名字叫調試界面:
和其他元素都在一行上;
元素的高度、寬度、行高以及頂和底邊距都可設置
和其他元素都在一行上;
元素的高度、寬度及頂部和底部邊距不可設置;
元素的寬度就是它包含的文字或圖片的寬度,不可改
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1561.html
摘要:最近在看前端開發(fā)最佳實踐,看到有一個小節(jié)的標題是過時的塊狀元素和行內元素,之前聽到的關于標簽的嵌套規(guī)范一直在講,甚至面試的時候還被問到,但是自己在之前的工作中,的的確確用標簽包過塊元素,為了能有一個更好的用戶體驗,模擬的一個按鈕。 最近在看《web前端開發(fā)最佳實踐》,看到有一個小節(jié)的標題是 過時的塊狀元素和行內元素 ,之前聽到的關于HTML標簽的嵌套規(guī)范一直在講,甚至面試的時候還被問到...
摘要:所謂超文本,因為它可以加入圖片聲音動畫多媒體等內容,不僅如此,它還可以從一個文件跳轉到另一個文件,與世界各地主機的文件連接。意思是超文本引用用于指定鏈接頁面的打開方式,其取值有和兩種,其中為默認值,為在新窗口中打開方式。 學習目標 了解常用瀏覽器 掌握WEB標準 理解標簽語義化 掌握常用的排版標簽 掌握常用的文本格式化圖像鏈接等標簽 掌握三種列表標簽 掌握表格標簽 掌握表格標簽 掌...
摘要:作者陳大魚頭鏈接背景最近高級前端工程師劉小夕在上開了個每個工作日布一個前端相關題的,懷著學習的心態(tài)我也參與其中,以下為我的回答,如果有不對的地方,非常歡迎各位指出。如果你采用正宗川菜做法,最后只需加入花生米,炒拌幾下就可以起鍋了。 作者:陳大魚頭 github: KRISACHAN 鏈接:github.com/YvetteLau/S… 背景:最近高級前端工程師 劉小夕 在 github 上...
閱讀 713·2023-04-25 19:43
閱讀 3910·2021-11-30 14:52
閱讀 3784·2021-11-30 14:52
閱讀 3852·2021-11-29 11:00
閱讀 3783·2021-11-29 11:00
閱讀 3869·2021-11-29 11:00
閱讀 3558·2021-11-29 11:00
閱讀 6105·2021-11-29 11:00