css元素分类

css元素分类

大家好,又见面了,我是全栈君。

css元素分类

1.块级元素

  -1.常用的块级元素有:<div>,<p>,<h1>…<h6>,<ol>,<ul>,<li>,<dl>,<dd>,<dt>,<table>,<tr>,<td>,<address>,<blockquote>,<form>

  -2.块级元素的特点:

    a.每个块级元素都是从新的一行开始,并且其后的元素也另起一行。

    b.元素的高度,宽度,行高以及顶和底边距都可以设置。

    c.元素宽度在不设置的情况下,是它本身父容器100%(和父元素的宽度一致),除非设定一个宽度。

  -3.设置display:block可将元素显示为块级元素。如下代码就是将内联元素a转换为块级元素,从而使a元素具有块状元素的特点。

    例:a{display:block;}

2.内联(行内)元素

  -1.常用的内联元素有:<a>.<b>,<span>,<br>,<i>,<em>,<strong>,<label>,<q>,<cite>,<code>

  -2.内联元素的特点:

       a:和其他元素都在同一行上

       b:元素的高度,宽度及顶部和底部的边距不可设置

       c:元素的宽度就是它包含的文字或图片的宽度,不可改变

  -3.内联元素也可以通过代码display:inline将元素设置为内联元素,如下代码就是将块状元素div转化为内联元素,从而

    使div元素具有内联元素特点,

      例:div{

          display:inline

          }

3.内联块级元素

  1.常用的内联块级元素有:<img>,<input>

  2.内联块级元素的特点

     a:和其他元素都在一行上

     b:元素的高度,宽度,行高以及顶和底边距都可以设置

  3.代码display:inline-block就是将元素设置为内联块级元素

转载于:https://www.cnblogs.com/yangfanasp/p/6946629.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/108439.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mysql中ltrim用法_MySQL LTRIM()用法及代码示例

    mysql中ltrim用法_MySQL LTRIM()用法及代码示例LTRIM MySQL 中的此函数用于从字符串中删除前导空格 用法 LTRIM str 参数 如上所述 它接受一个参数 如下所述 str 我们要从中删除前导空格的字符串 返回值 截断所有前导空格后 它将返回一个字符串 示例 1 使用 LTRIM 函数删除给定字符串的所有前导空格 SELECT geeksforgeek AsOriginalSt LTRIM gee

    2025年6月27日
    1
  • java中%c%n是什么意思_在编码时如何使用\r与\n,两者的区别

    java中%c%n是什么意思_在编码时如何使用\r与\n,两者的区别\r与\n到底有何区别,编码的时候又应该如何使用,我们下面来了解一下。区别:\r:全称:carriagereturn(carriage是“字车”的意思,打印机上的一个部件)简称:return缩写:rASCII码:13作用:把光标移动到当前行的最左边\n:全称:newline别名:linefeed缩写:nASCII码:10作用:把光标向下移动一行不同操作系统怎样表示“回车+换行”(即一行的结…

    2022年7月8日
    30
  • 字幕文件srt格式解析

    字幕文件srt格式解析解析srt文件,封装为list返回首先新建个class,表示单个字幕数据的实体类publicclassSrtEntity{/***字幕序号*/publicintnumber;/***开始时间*/publicStringbg;/***结束时间*/publicStringed;/***字幕内容*/publ

    2025年8月23日
    2
  • Java设置全局变量_java如何定义全局变量

    Java设置全局变量_java如何定义全局变量//思想是将全局变量X设置成SS类的属性,//再在SS中添加fuzhi方法,来改变X的值。

    2022年8月21日
    13
  • buildroot 树莓派3B+ WiFi

    buildroot 树莓派3B+ WiFi懂的越多,不懂的就越多。

    2022年6月25日
    32
  • 光流法测距

    光流法测距一.基于特征点的目标跟踪的一般方法基于特征点的跟踪算法大致可以分为两个步骤:1)探测当前帧的特征点;2)通过当前帧和下一帧灰度比较,估计当前帧特征点在下一帧的位置;3)过滤位置不变的特征点,余下的点就是目标了。二.光流法1.首先是假设条件:(1)亮度恒定,就是同一点随着时间的变化,其亮度不会发生改变。这是基本光流法的假定(所有光流法变种都必须满足),用于得到光流法基本方程;(2)小运动,这…

    2022年7月23日
    9

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号