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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 企业使用it人力外包可以解决哪些问题

    企业使用it人力外包可以解决哪些问题随着大数据、云计算等互联网技术的应用和普及,很多传统企业为了提升竞争力都在加紧进行数字化转型,而数字化转型离不开各类it人才。很多企业都会通过和it人力外包公司合作来大量引进it人才。那么企业和it人力外包公司合作可以解决哪些问题呢?一、使用it人力外包可以节省成本通常很多企业可能一年开发不了几次软件,如果自己建立一个应用程序软件开发部门,将花费很多费用。使用it人力外包,让it人员进行现场开发,工作完成并且项目结束后可以离开。it人力外包公司承担这些it外包人员招聘成本,员工试用风险,某些员工

    2022年5月15日
    41
  • ×××lamp 环境

    ×××lamp 环境

    2021年8月17日
    67
  • linux tar压缩文件命令,tar打包压缩文件命令

    linux tar压缩文件命令,tar打包压缩文件命令tar命令tar命令用于将多个文件合成1个文件,wiki中把这个命令和cpio、shar等一起叫做archive文件,个人理解是归档,合成一个文件,后就可以用gzip、bz2、xz等工具进行压缩,同时也能方便在各个计算机间传输,有点类似windows下共享的zip文件。wiki上这个图比较形象,tar把零散的文件合拢,gzip把合拢的文件压缩。一、命令语法tar[选项…][FILE]…..

    2022年5月22日
    43
  • 超分辨率——基于SRGAN的图像超分辨率重建(Pytorch实现)[通俗易懂]

    超分辨率——基于SRGAN的图像超分辨率重建(Pytorch实现)[通俗易懂]基于SRGAN的图像超分辨率重建本文偏新手项,因此只是作为定性学习使用,因此不涉及最后的定量评估环节1简要介绍SRGAN的原论文发表于CVPR2017,即《Photo-RealisticSingleImageSuper-ResolutionUsingaGenerativeAdversarialNetwork》SRGAN使用了生成对抗的方式来进行图像的超分辨率重建,同时提出了一个由AdversarialLoss和ContentLoss组成的损失函数。更详细的介绍可以去看看

    2022年10月25日
    0
  • 基于Java swing+mysql+eclipse的【图书管理系统】

    基于Java swing+mysql+eclipse的【图书管理系统】一、效果演示:主要功能:①基本数据维护:图书类别管理>>图书类别添加、图书类别维护图书管理>>图书添加、图书维护②关于我们1、登录界面2、主界面:3、图书类别维护4、图书类别添加5、图书维护6、图书添加7、关于我们可全部缩小到左下角二、核心代码:1、Util包【存放数据库连接工具】①DBTool(数据库连接工具类)packagecn.ac.azure.util;importjava.io.IOException

    2022年6月9日
    27
  • DELL服务器数据恢复成功案例

    DELL服务器数据恢复成功案例DELLEqualLogicPS6100采用虚拟ISCSISAN阵列,为远程或分支办公室、部门和中小企业存储部署带来企业级功能、智能化、自动化和可靠性。以简化的管理、快速的部署及合理的价格满足了分支办公室和中小企业的存储需求,同时提供全套企业级数据保护和管理功能、可靠的性能、可扩展性和容错功能,是中型企业级存储的起点产品,但某些物理故障或其他操作都可能会对卷或存储造成破坏,因此对系列存储的数…

    2022年6月30日
    21

发表回复

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

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