美文网首页
CSS学习笔记-04

CSS学习笔记-04

作者: 天马行空爱做梦 | 来源:发表于2021-05-18 10:40 被阅读0次

CSS元素显示模式分类:

1、块元素
2、行元素
3、行内块元素

一、块元素

特点是: 无论内容大小,直接就是占一行就对了,比较霸道。 宽度高度和行内外编辑都可以控制。是一个容器盒子,里面可以放行内元素或者块级元素。
常见的块元素有:<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等


块元素.png

二、行内元素:

特点是: 跟进内容大小占据,并且一行中的内容可以分成多个块。

行内元素.png

三、行内块元素

特点是:既有行元素的特点 和 块元素的特点

行内块元素.png

四、总结:

总结.png

相关文章

  • CSS学习笔记-04

    CSS元素显示模式分类: 1、块元素2、行元素3、行内块元素 一、块元素 特点是: 无论内容大小,直接就是占一行就...

  • CSS学习笔记(2018-07-29)

    CSS学习笔记 CSS 指层叠样式表 (Cascading Style Sheets) CSS语法 CSS 规则由...

  • CSS入门学习笔记

    CSS学习笔记 CSS= 层叠样式表 cascading style sheets HTML 表达结构 , CSS...

  • 收集前端学习资料

    前端的一些学习资源 html和css代码规范 前端知识体系 前端网址大全 学习CSS布局 通用 CSS 笔记、建议...

  • CSS知识点整理

    写在前面:这是一篇学习CSS的笔记。重点在于罗列CSS的知识点。 CSS ㈠ CSS入门 什么是CSS?CSS 指...

  • HTML+CSS 学习笔记 04

    一. 文本属性 1.1 text-decoration text-decoration 用于给文本添加装饰线,主要...

  • 二、easyui笔记

    学习笔记一:jquery学习 Ceng coding的用法 Css速写:一般css样式都是开头简写+tab键补全,...

  • 强化学习读书笔记 - 04 - 动态规划

    请看原文强化学习读书笔记 - 04 - 动态规划

  • #css 全称为“层叠样式表”

    css 全称为“层叠样式表” 声明,本文为学习慕课网HTML+CSS中CSS笔记http://www.imooc....

  • HTML&CSS&JavaScript基本介绍

    本文内容为慕课网学习笔记。 CSS CSS样式类型 内联式css样式,直接写在现有的HTML标签中 嵌入式css样...

网友评论

      本文标题:CSS学习笔记-04

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