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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • okio分析

    okio分析Okio是一个对原有的java.io和java.nio进行改进的IO库,使IO操作更加高效和方便。Okio的高效主要体现在三个方面:一它对数据进行了分块处理,这样在大数据IO的时候可以以块为单位进行IO,这可以提高IO的吞吐率。二它对这些数据块使用链表进行管理,这可以仅通过移动“指针”就进行数据的管理,而不用真正去处理数据,而且对扩容来说也十分方便。三对闲置的块进行管理,通过一个块池(Se

  • 二阶有源滤波器设计

    二阶有源滤波器设计1引入为什么要用有源二阶滤波器?(1)从有源来说对于无源二阶低通滤波器:其幅頻方程为:我们从中可以看出其通带截止频率为有其品质因子为0.372。我们根据上图得到二阶无源低通滤波器的品质因子只有0.372,如果希望Q大于0.5,就需要在ω=ωo附近增大幅度响应。实现这个目的的一种方法就是增加一个可控的正反馈控制量,这种反馈仅仅在ω=ωo附近奏效,参见下…

  • MyBatis3与Spring4整合方法详解(使用SqlSessionTemplate类)

    MyBatis3与Spring4整合方法详解(使用SqlSessionTemplate类)摘要:由于项目需要,第一次接触MyBatis,在网上找了很多MyBatis与Spring的整合方法,网上的资料不够详细,虽然讲了很多整合方法,但却没有针对每一种方法去详细讲解,对于没有相关基础的人难以操作,因此自己整理记录如下转载自:http://p.primeton.com/articles/54c1dcc5be20aa3884000012由于项目需要,第一次接触MyBatis,

  • ffprobe参数详解(基于版本4.0.1)

    ffprobe参数详解(基于版本4.0.1)Simplemultimediastreamsanalyzerusage:ffprobe[OPTIONS][INPUT_FILE]Mainoptions:-L         showlicense-htopic      showhelp-?topic      showhelp-helptopic    …

  • android中listview分页载入数据

    android中listview分页载入数据

    2021年12月16日
  • Java中static作用及用法详解「建议收藏」

    Java中static作用及用法详解「建议收藏」static是静态修饰符,什么叫静态修饰符呢?大家都知道,在程序中任何变量或者代码都是在编译时由系统自动分配内存来存储的,而所谓静态就是指在编译后所分配的内存会一直存在,直到程序退出内存才会释放这个空间,也就是只要程序在运行,那么这块内存就会一直存在。这样做有什么意义呢?在Java程序里面,所有的东西都是对象,而对象的抽象就是类,对于一个类而言,如果要使用他的成员,那么普通情况下必须先实例化对象后,通过对象的引用才能够访问这些成员,但是用static修饰的成员可以通过类名加“.”进行直接访问。

发表回复

您的电子邮箱地址不会被公开。

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