CSS盒子模型
补充CSS盒子模型笔记
所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
- Margin(外边距)——清除边框区域。Margin没有背景颜色,它是完全透明;
- Border(边框)—— 边框周围的填充和内容。边框是受到盒子的背景颜色影响;
- Padding(内边距)—— 清除内容周围的区域。会受到框中填充的背景颜色影响;
- Content(内容)—— 盒子的内容,显示文本和图像;
显示更多
css技术简介
CSS是Cascading Style Sheet的缩写。译作”层叠样式表单“。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。使用CSS样式可以控制许多仅使用HTML无法控制的属性。HTML是一种标记性语言。当在浏览器中打开一个HTML网页时,浏览器将读取该网页中的HTML标签,并根据内置的解析规则将网页元素呈现出来。css(层叠样式表)决定浏览器将如何描述html元素的表现形式。换而言之,CSS就是描述HTML元素的规则。CSS目前最新版本为CSS3,CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。