行内盒模型

1.行内盒模型 不支持宽高(width,height) 块级盒模型是支持。
2.行内盒模型不支持 margin-top 块级盒模型是支持的
3.行内盒模型和块级盒模型都支持左右。
4.行内盒模型的上下padding不会对其他元素产生物理影响(推开其他块或改变自身位置)但会产生显示上的影响。
5.行内盒模型的padding-left,margin-left可以使用,可以把自己推开。
6.行内盒模型 上下 margin跟padding已及height和width是无效的
左右margin和padding是有效的
7.行内盒模型;可以由font-size(字体大小)控制行内元素整体改换(有点像给块元素加宽高)。
8.父元素 字体大小为16px=1em那么2em=32px;以父元素的(em)为基准。
9.固定块级盒模型的宽高后,里面的子元素可以超过他的宽高。
10.line-height可以模拟margin-top用来把盒子推开。
11.vertical-align:10px;改变基线;垂直居中(很少用这个属性),不做用于块级元素。
12.行间距是上下文本内容区之间的间距 ,行间距=(line-height-font-size)
13.行高是上下两个文本基线之间的最小间距,行高与文字大小之差就是行间距。块级盒模型 行内盒模型块级盒模型 行内盒模型14.text-align加在父级之中对子级控制。
15.text-decarotion:文字装饰,underline下划线。
16.inline-block;让对象可以在同一行并可以设计宽高,一帮来说大部分块级元素可以包含行内元素和块级元素,但是有例外,比如 P 元素,只能包含inline元素,而不能包含block元素。
[email protected]/应用字体/{
font-family:‘wanzhangti’;/自己取的名字/
src:url(“找到字体”);
}
p{
font-family:wanzhangti;/引用自定义字体/
}

相关文章: