美文网首页
【CSS学习笔记18】-显示属性1

【CSS学习笔记18】-显示属性1

作者: 兔小小 | 来源:发表于2023-10-24 23:19 被阅读0次

显示属性

display属性指定是否/如何显示元素。

每个 HTML 元素都有一个默认显示值,具体取决于哪种类型的元素。大多数元素的默认显示值为blockinline

块级元素

块级元素总是从新行开始并占用可用的整个宽度 (尽可能向左和向右伸展)。

<div> 元素是块级元素。
块级元素的示例:


  • <div>
  • <h1> - <h6>
  • <p>
  • <form>
  • <header>
  • <footer>
  • <section>

内联元素

内联元素不会从新行开始,只会占用所需的宽度。

内联元素的示例:

  • <span>
  • <a>
  • <img>

相关文章

  • HTML标签类型

    修改标签的显示类型 CSS属性 CSS属性-可继承属性 CSS属性-不可继承属性 CSS常用属性代码附录:

  • 2.CSS 学习笔记第二节/背属属性和文本属性

    CSS 学习笔记第二节/背属属性和文本属性 1,这里是 CSS 里面常用的几个属性和他的基本用法 下面详细的介绍一...

  • Day03_CSS属性组成和作用

    学习目标 1、css属性和属性值的定义2、css文本属性3、css列表属性4、css背景属性5、css边框属性6、...

  • 03-CSS核心属性

    学习目标 1、css浮动属性详解2、css文本属性3、css列表属性4、css背景属性5、css边框属性 一、cs...

  • 2018-09-19 css核心属性

    DAY4:CSS核心属性 学习目标 1、css浮动属性详解 2、css文本属性 3、css列表属性 4、css背景...

  • 第九节 属性选择器、表单选择器

    1、属性选择器 网页显示: 2、表单选择器 网页显示: 3、操作css属性 网页显示: 4、操作属性 attr、r...

  • Gradle学习-7/19笔记

    继上篇Gradle学习-7/18笔记 Project对象 Project属性 1. 访问属性 Gradle执行项目...

  • 3.CSS 学习笔记第三节/字体属性和文本属性

    CSS 学习笔记第三节/字体属性和文本属性 1.字体 下面开始详细的属性介绍,Let's rock and rol...

  • CSS 继承属性

    本文为个人学习笔记,发表仅供参考,摘自继承属性 (inherited property ) 每个CSS 属性定义的...

  • CSS基础

    CSS简介 1.什么是css2.css有什么用3.css 常用属性 什么是css 1.层叠样式表2.定义如何显示h...

网友评论

      本文标题:【CSS学习笔记18】-显示属性1

      本文链接:https://www.haomeiwen.com/subject/wgxeidtx.html