您好,登錄后才能下訂單哦!
這篇文章主要介紹了HTML中怎么使用樣式的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇HTML中怎么使用樣式文章都會有所收獲,下面我們一起來看看吧。
HTML 水平線,<hr /> 標簽在 HTML 頁面中創建水平線。hr 元素可用于分隔內容。
HTML 注釋,可以將注釋插入 HTML 代碼中,這樣可以提高其可讀性,使代碼更易被人理解。瀏覽器會忽略注釋,也不會顯示它們。
注釋是這樣寫的:
實例
<!-- This is a comment -->
HTML 折行
如果您希望在不產生一個新段落的情況下進行換行(新行),請使用 <br /> 標簽
<p>This is<br />a para<br />graph with line breaks</p>
當顯示頁面時,瀏覽器會移除源代碼中多余的空格和空行。所有連續的空格或空行都會被算作一個空格。需要注意的是,HTML 代碼中的所有連續的空行(換行)也被顯示為一個空格。
如何使用樣式
當瀏覽器讀到一個樣式表,它就會按照這個樣式表來對文檔進行格式化。有以下三種方式來插入樣式表:
外部樣式表
當樣式需要被應用到很多頁面的時候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改一個文件來改變整個站點的外觀。
<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>
內部樣式表
當單個文件需要特別樣式時,就可以使用內部樣式表。你可以在 head 部分通過 <style> 標簽定義內部樣式表。
<head><style type="text/css">body {background-color: red}p {margin-left: 20px}</style></head>
內聯樣式
當特殊的樣式需要應用到個別元素時,就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示出如何改變段落的顏色和左外邊距。
<p style="color: red; margin-left: 20px">This is a paragraph</p>
關于“HTML中怎么使用樣式”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“HTML中怎么使用樣式”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。