CSS笔记

以下总结来源于：https://www.bilibili.com/video/BV14J4114768?p=110

CSS的元素显示模式

• 分为块元素和行内元素
• 常见的块元素：<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>

块元素的特点：

• 独占一行
• 高度、宽度、内外边距可设置
• 默认宽度是容器的宽度（一整行）
• 是一个容器及盒子，里面可以放行类或块级元素
• 文字类的元素里面不能包块级元素，比如p里面不能放div
• a标签里面可以放块级元素

行内元素的特点：

• 相邻行内元素在一行
• 宽高无法直接设置
• 默认宽度就是内容本身的宽度
• 行内元素只能放文字或其他行内元素

行内块元素

• 比如<img /> <input /> <td >
• 相邻元素在同一行
• 宽高、内外边距都可以控制