CSS学习笔记-块状元素-行间元素
生活随笔
收集整理的這篇文章主要介紹了
CSS学习笔记-块状元素-行间元素
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1:css樣式 行間,內嵌,外聯 就近原則
行間樣式(標簽內部)>內嵌樣式(當前文件中)>外聯樣式(外部文件)
2:頭部圖標實現 <link rel="shortcut icon" href="http://c.csdnimg.cn/public/favicon.ico">
3:css寫法規則 em:相對倍數 ?指定方向值:按照上右下左(順時針方向)的順序依次排列
1:html標簽類型:
塊狀元素(black) :都占一行(該元素前后其他元素都要換行) 直接適用盒模型的所有CSS屬性
行間元素(inline):不獨占一行,多個行間元素可以在一行中呈現 ?部分適用盒模型屬性(寬度由裝載的內容決定,寬度設置無效 ?由于受到行限制,高度及上下方向的邊距設置無效)
塊狀標簽
<div> 盒子
<header><section> <footer><aside><nav> 頁面布局類標簽
<h1>-<h6> 標題
<p> 段落
<ul> <ol> <dl> <li> 列表類標簽
<form> 表單
行間元素
<span> 組合
<a> 超級鏈接
<strong> 重點強調
<em> 一般強調
塊狀元素可以嵌套塊狀元素,也可以嵌套行間元素
行間元素不可以嵌套塊狀元素,只能嵌套行間元素
行間樣式(標簽內部)>內嵌樣式(當前文件中)>外聯樣式(外部文件)
2:頭部圖標實現 <link rel="shortcut icon" href="http://c.csdnimg.cn/public/favicon.ico">
3:css寫法規則 em:相對倍數 ?指定方向值:按照上右下左(順時針方向)的順序依次排列
1:html標簽類型:
塊狀元素(black) :都占一行(該元素前后其他元素都要換行) 直接適用盒模型的所有CSS屬性
行間元素(inline):不獨占一行,多個行間元素可以在一行中呈現 ?部分適用盒模型屬性(寬度由裝載的內容決定,寬度設置無效 ?由于受到行限制,高度及上下方向的邊距設置無效)
塊狀標簽
<div> 盒子
<header><section> <footer><aside><nav> 頁面布局類標簽
<h1>-<h6> 標題
<p> 段落
<ul> <ol> <dl> <li> 列表類標簽
<form> 表單
行間元素
<span> 組合
<a> 超級鏈接
<strong> 重點強調
<em> 一般強調
塊狀元素可以嵌套塊狀元素,也可以嵌套行間元素
行間元素不可以嵌套塊狀元素,只能嵌套行間元素
總結
以上是生活随笔為你收集整理的CSS学习笔记-块状元素-行间元素的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 夏利车电动窗功能设定
- 下一篇: CSS 基本样式