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


相关推荐

  • Django(59)验证和授权「建议收藏」

    Django(59)验证和授权「建议收藏」验证和授权概述Django有一个内置的授权系统。他用来处理用户、分组、权限以及基于cookie的会话系统。Django的授权系统包括验证和授权两个部分。验证是验证这个用户是否是他声称的人(比如用户名

    2022年7月31日
    2
  • java date 毫秒_如何在几个数字上加上同一个单位

    java date 毫秒_如何在几个数字上加上同一个单位//时间加上秒后的时间日期publicstaticDatetimePastTenSecond(Integersecond,Stringotime){try{SimpleDateFormatsdf=newSimpleDateFormat(“yyyy-MM-ddHH:mm:ss”);Datedt=sdf.parse(otime);CalendarnewTime=Calenda.

    2022年9月6日
    2
  • 计算机图形学中的空间坐标系

    计算机图形学中的空间坐标系

    2021年6月9日
    91
  • isnotempty和isnotnull_was not iterable

    isnotempty和isnotnull_was not iterable先看看isEmpty和isBlank  从效果来看,当a=””,字符中有空格时,IsEmpty是算他不为空的本质上讲:isEmpty等价于str==null||str.length==0isBlank等价于str==null||str.length==0||str.trim().length==0我们再来看非空:is…

    2022年10月7日
    0
  • sql is not null 优化(oracle语句索引优化)

    oracle优化:ISNULL的优化优化方法:通过nvl(字段i,j),将字段i中为空的数据转化为j,从而将条件iisnull转化为j=nvl(i,j);转化isnull在所用oracle版本提升明显,注意:使用时必须确保字段i的数据不包含j!函数介绍:nvl(a,b,c,…)当a为空时取b,当b为空取c,以此类推.优化示例select*fromtab_i…

    2022年4月17日
    575
  • mysql8和mariadb_mariadb迁移到mysql

    mysql8和mariadb_mariadb迁移到mysqlMariaDB为可替代MySQL的增强版本,但在已安装了MySQL的情况下同时也能安装MariaDB.(这是有意义的,例如你想从一个数据库/应用迁MariaDB为可替代MySQL的增强版本,但在已安装了MySQL的情况下同时也能安装MariaDB.(这是有意义的,例如你想从一个数据库/应用迁移到另一个数据库/应用中.)以下是在已安装MySQL的情况下,安装MariaDB的主要步骤.下载…

    2022年10月24日
    0

发表回复

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

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