行內組合元素

2021-07-10 05:43:04 字數 294 閱讀 9820

標籤用於對文件中的行內元素進行組合。

請使用 span 元素對行內元素進行分組,以便通過樣式對它們進行格式化。

如果不對 span 應用樣式,那麼 span 元素中的文字與其他文字不會任何視覺上的差異。

html:

css:

p.tip span
比如「提示」使用了粗體的橘紅色。儘管實現這種效果的方法非常多,但是我們的做法是:使用「提示」使用 span 元素,然後對這個 span 元素的父元素,即 p 元素應用 class,這樣就可以對這個類的子元素 span 應用相應的樣式了。

塊元素 行內元素 行內塊元素

塊級元素 一行只能放乙個,可以設定寬度高度,預設為容器的100 可以包含任何標籤 常用元素 div hr p h1 h6 ul ol dl form table 行內元素 一行可以放多個行內元素,不可以直接設定寬度高度,預設為本身內容的寬度,容納文字或其他行內元素 常用元素 span a i em ...

行內元素 塊級元素和行內塊元素

a 標籤定義鏈結 b 字型加粗 br 換行 i 斜體文字效果 img 在網頁中嵌入 input 輸入框 span 組合文件中的行內元素 small 呈現小號字型效果 big 呈現大號字型效果 sub 定義下標文字 sup 定義上標文字 div 定義文件中的分割槽或節 dl 定義列表 dt 定義列表中...

行內元素 塊元素 行內塊元素 及其屬性

行內元素可以在一行顯示,但是不能設定上下的padding和margin值。塊級元素可以設定 width,height屬性,行內元素設定width,height無效 塊級元素可以設定margin 和 padding.行內元素的水平方向的padding left,padding right,margin...