前端入门part10

div和span标签补充
  • 容器级可以嵌套其他所有标签;文本级只可以嵌套文本、超链接、图片
div span
完成网页布局 修改局部信息
独占一行 不会独占一行
容器级标签 文本级标签
块级元素和行级元素
  • 块内元素独占一行,行内元素不会独占一行;
  • 块级元素如果没有设置宽和高,就默认和父元素一样;也可以自己设置
  • 行级元素如果没有设置宽度,和内容一样宽不可以自己设置
  • 行内块级元素:既可以不独占一行,又可以设置高度和宽度;
块级元素 div h ul ol dl li dt dd和p
行级元素 span buis stong em ins del
行内块级元素 img,input,textarea
容器级 div h ul ol dl li dt dd
文本级 span buis stong em ins del p

上面这些不用记住,不同类型可以相互转换!!!

不同显示模式的转换

通过设置display: block; 块级;inline 行内 inline-block 行内块级
前端入门part10_第1张图片

前端入门part10_第2张图片

你可能感兴趣的:(前端入门,css)