H5學習入門

-Advertisement-

【塊級標簽與行級標簽的區別】 1.塊級標簽：預設寬度100%（獨占一行）自動換行(右邊不能有任何東西) 可以使用css設置寬度高度 2.行級標簽：內容寬度，由內容撐開(內容多寬，寬度就占多寬) 不會自動換行(從左往右依次排列) 【常見的行級標簽】 span（文本） img（圖片） em（強調） ...

【塊級標簽與行級標簽的區別】

1.塊級標簽：預設寬度100%（獨占一行）自動換行(右邊不能有任何東西) 可以使用css設置寬度高度 2.行級標簽：內容寬度，由內容撐開(內容多寬，寬度就占多寬) 不會自動換行(從左往右依次排列)

【常見的行級標簽】

span（文本） img（圖片） em（強調） strong（強調） q（短引用） a（超鏈接） i（傾斜） b（加粗） small（縮小字體）

【em/strong i/b】區別

①em和i都能傾斜，strong和b都能加粗，但是，i和b僅僅是單純的傾斜，em與strong多了強調的語義 ②em和strong都表示強調，但是strong強調的級別更高註意：強調的目的，讓1搜索引擎知道網頁的重點內容，但與搜索引擎檢索 strong和em都可以多層嵌套，表示強調程度的遞增

三大引用標簽

<q cite="http://www.baidu.com">百度</q> q標簽：表示短引用 cite屬性：用於聲明引用的來源 <blockquote cite="http://www.baidu.com">用於引用一段內容</blockquote> <cite cite="">引用作品名，書畫名</cite> 相同點：三大引用標簽，都用cite聲明引用來源不同點：1.引用的內容不同 q->一句話 blockquote->一段話 cite->作品名 2.顯示的預設效果不同 blockquote->預設整段向右縮進 q->預設加引號 cite->預設傾斜

img

相對路徑： 1.圖片與當前文檔在同一層文件夾,直接寫圖片名 <img src="icon.jpg"> 2.圖片在當前文檔的下一層文件夾，文件夾名/圖片名 <img src="img/icon.jpg"> 3.圖片在當前文檔的上一層文件夾，../圖片名(../表示後退一層) <img src="../icon.jpg"> 圖片必須包含在項目裡面，不能訪問項目外的圖片 align: top->圖片頂部，center->圖片居中，bottom->圖片底部

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

bootstrap學習筆記(表單)

1.基礎表單：對於基礎表單，Bootstrap並未對其做太多的定製性效果設計，僅僅對錶單內的fieldset、legend、label標簽進行了定製。 fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { dis ...
bootstrap框架怎麼在html頁面載入使用

今天敲代碼的時候，正好碰到這個問題. 與大家分享這個解決方法： 1/7 到bootstrap官方網站下載，對於我們開發者來說，直接下載編譯和壓縮後的CSS、JavaScript文件，另外還包含字體文件，但是不包含文檔和源碼文件。打開解壓包之後可以發現包含三個文件夾 css、fonts、js。這是最基 ...
【webpack】webpack-dev-server生猛上手——讓我們來搭一個webpack的微伺服器吧！

因為最近在搞百度地圖API的時候到了webpack的externals，才發現我之前都只是用webpack做一些搭建完項目後的“收尾工作”——即打包，而沒有把它納入到項目開發的“主體過程”中來，真是“物不盡其用”。於是就有了我今天的這篇文章。本文提綱：1.複習webpack的知識 2.詳解webp... ...
CSS學習筆記01 CSS簡介

1、CSS定義 CSS 指層疊樣式表 (Cascading Style Sheets)，是一種樣式表語言，用來描述 HTML 或 XML（包括如 SVG、XHTML 之類的 XML 分支語言）文檔的呈現。CSS 描述了在屏幕、紙質、音頻等其它媒體上的元素應該如何被渲染的問題。 2、為何使用CSS 網 ...
Android與javascript中事件分發機制的簡單比較

在前面兩篇博客中，我們討論了Android中的事件分發的相關內容，那麼在本篇博客當中，我們就簡單探討一下html或javascript中的事件分發機制，併進行簡單的對比。在前端中，對事件進行綁定有三種方式。（1）.在DOM中綁定。 (2).在腳本中綁定。 (3).通過監聽事件綁定而對於前兩種 ...
Tween.js 動畫效果

一、apply,和call的用法。先來一個與本次博文無關的東西，就是apply和call的用法。其實apply和call的用法都一樣，只是他們的傳參不一樣。apply是數組，而call是單獨的傳，類似枚舉。 1.列子一把arguments轉化為標準數組，可以使用push等方法。 2.如何把argu ...
HTML學習筆記《一》

HTML 一、簡介 1.HTML是超文本標記語言，標準通用標記語言下的一個應用，解釋性語言。 2.“超文本”就是指頁面內可以包含圖片、鏈接，甚至音樂、程式等非文字元素。 3.超文本標記語言的結構包括“頭”部分（英語：Head）、和“主體”部分（英語：Body），其中“頭”部提供關於網頁的信息，“主體 ...
WEB前端規範命名

頭部 header 用於頭部主要內容 main 用於主體內容（中部）左側 main-left 左側佈局右側 main-right 右側佈局外套 wrap 用於最外層導航條 nav 網頁菜單導航條內容 content 用於網頁中部主體底部 footer 用於底部頭部 header 用於 ...