初學HTML5 CSS樣式(三)

2021-07-16 08:31:18 字數 784 閱讀 9216

html的標籤型別主要分為三大類:

1.塊級標籤:特點:獨佔一行,能隨時設定寬度和高度

示例:

div標籤

段落標籤

2.行內標籤:特點:多個行內標籤能同時顯示在一行,不能直接設定寬度和高度,寬度和高度取決於內容的尺寸

示例:

我是行內標籤

我是超連結

3:行內-塊級標籤(內聯-塊級標籤):特點:多個行內-塊級標籤能夠顯示在一行,並且能夠隨時設定寬度和高度

示例:

我是按鈕

-display

css中有個display屬性,能修改標籤的顯示型別

none 隱藏

/*隱藏標籤*/

display: none;

block 讓標籤變為塊標籤

/* 改變標籤型別:行內---->塊級 */

display: block;

inline:讓標籤變為行內標籤

/* 改變標籤型別:塊級---->行內 */

display: inline;

inline-block:讓標籤變為行內-塊級標籤(內聯-塊級標籤)

/* 改變標籤型別:行內---->行內塊級 */

display: inline-block;

初學HTML5 CSS樣式(一)

什麼是css css的全稱是cascading style sheets 層疊樣式表 它用來控制html標籤的樣式,在美化網頁中起到非常重要的作用 css的編寫格式是鍵值對形式的比如 color red background color blue font size 20px 冒號 左邊是屬性名,冒...

初學HTML5 CSS樣式(二)

css的兩大重點 1.屬性 通過屬性的複雜疊加才能做出漂亮的網頁 2.選擇器 通過選擇器找到對應的標籤設定樣式 選擇器的作用 選擇對應的標籤,為之新增樣式 a.標籤選擇器 根據標籤名找到標籤 我是div標籤 我是段落標籤 b.類選擇器我是段落標籤 我是div標籤 c.id選擇器我是div標籤 d.並...

Html(5)CSS樣式入門

css全稱為 層疊樣式表 cascading style sheets 它主要是用於定義html內容在瀏覽器內的顯示樣式,如文字大小 顏色 字型加粗等。慕課網,超酷的網際網路 it技術免費學習平台,創新的網路一站式學習 實踐體驗 服務及時貼心 內容專業 有趣易學 專注服務網際網路工程師快速成為技術高...