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

相关推荐

  • goland2020 激活码_通用破解码

    goland2020 激活码_通用破解码,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月16日
  • route add 添加路由参数错误_route删除路由

    route add 添加路由参数错误_route删除路由routeadd命令的主要作用是添加静态路由,通常的格式是:routeADD157.0.0.0MASK255.0.0.0157.55.80.1METRIC3IF2参数含义:^destination^mask^gatewaymetric^^interfacedestination【网段地址】mask【子网掩码】gateway【网关地址】metric【路由跳数…

    2022年8月12日
  • 网站备案说明[通俗易懂]

    网站备案说明[通俗易懂]按照工信部《非经营性互联网信息服务备案管理办法》的规定,企业或个人在中国国内开设网站的话,需要进行网站备案。很多个人在开设网站的时候不知道如何进行备案,现在我就介绍一下个人网站备案的方法和流程。(商城,爆客,直播,小程序,棋牌游戏等各种软件开发电话微信同步13383813870,QQ867828500)个人网站备案一般是通过网站接入商提交个人备案资料,也就是说,

    2022年10月29日
  • [一个互联网思想信徒]:今天突破69个听众

    [一个互联网思想信徒]:今天突破69个听众

    2021年11月13日
  • 单源最短路径dijkstra算法_dijkstra是谁

    单源最短路径dijkstra算法_dijkstra是谁年轻的探险家来到了一个印第安部落里。在那里他和酋长的女儿相爱了,于是便向酋长去求亲。酋长要他用 10000 个金币作为聘礼才答应把女儿嫁给他。探险家拿不出这么多金币,便请求酋长降低要求。酋长说:”嗯,如果你能够替我弄到大祭司的皮袄,我可以只要 8000 金币。如果你能够弄来他的水晶球,那么只要 5000 金币就行了。”探险家就跑到大祭司那里,向他要求皮袄或水晶球,大祭司要他用金币来换,或者替他弄来其他的东西,他可以降低价格。探险家于是又跑到其他地方,其他人也提出了类似的要求,或者直接用金币换,或

    2022年8月9日
  • latex中的参考文献引用为什么显示问号_参考文献中z代表什么

    latex中的参考文献引用为什么显示问号_参考文献中z代表什么1.直接写在文档尾部2.使用文献管理软件Jabref3.说明参考文献的生成过程有两种方法,一种是直接写在这个文件后面,另一种是单独写到一个文件中,下面作详细介绍.1.直接写在文档尾部这是最简单的文献写入方式.本文中生成参考文献的代码如下:\begin{thebibliography}{1}\bibitem{liu}刘海洋.\LaTeX…

    2022年9月10日

发表回复

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

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