本文介绍了CSS中的浮动概念和特性，以及盒子模型的核心内容。浮动元素会脱离标准流，一行内显示并可设置行内块元素特性。同时，文章详细阐述了字体样式、文本属性以及盒子模型的组成和浮动的影响。还探讨了清除浮动的重要性及其方法，如额外标签法。此外，文章提到了行高属性在文字垂直居中中的应用和CSS继承性。
昨天和今天所学习的是浮动框架和盒子模型。
一、CSS浮动概念
1.浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
2.由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
二、css浮动
浮动特性
1. 浮动元素会脱离标准流(脱标)
2. 浮动的元素会一行内显示并且元素顶部对齐
3. 浮动的元素会具有行内块元素的特性
<div class="box1">盒子1</div>
<div class="box2">盒子2</div>
<div class="box3">盒子3</div>
字体样式
语法 样式 属性值
font-family 字体样式 “Microsft YaHei”，tahoma，‘Hiragino Sans GB’
font-size 更改字体大小 数值 单位是px
ont-weight 设置文字粗细 number：数字（无单位）
font-style 字体倾斜 italic 斜体/normal 不倾斜
字体样式的复合属性：
font:font-style font-weight font-size/line-height font-family
最低0.47元/天 解锁文章
扫一扫
6782
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
