zoukankan      html  css  js  c++  java
  • 前端随心记---------HTML5+CSS系列6.0

    HTML哪些是块级元素,哪些是行内元素?

    块级元素:

    1. 总是从新的一行开始

    2. 高度、宽度都是可控的

    3. 宽度没有设置时,默认为100%

    4. 块级元素中可以包含块级元素和行内元素

        <address>...</adderss>

        <center>...</center> 地址文字

        <h1>...</h1> 标题一级

        <h2>...</h2> 标题二级

        <h3>...</h3> 标题三级

        <h4>...</h4> 标题四级

        <h5>...</h5> 标题五级

        <h6>...</h6> 标题六级

        <hr> 水平分割线

        <p>...</p> 段落

        <pre>...</pre> 预格式化

        <blockquote>...</blockquote> 段落缩进 前后5个字符

        <marquee>...</marquee> 滚动文本

        <ul>...</ul> 无序列表

        <ol>...</ol> 有序列表

        <li>...</li>

        <dl>...</dl> 定义列表

        <dt>...</dt>

        <dd>...</dd>

        <table>...</table> 表格

        <form>...</form> 表单

        <div>...</div>

    行内元素:  

      1.和其他元素都在一行

         2.高度、宽度以及内边距都是不可控的

      3.宽高就是内容的高度,不可以改变

           4.行内元素只能行内元素,不能包含块级元素

        <span>...</span>

        <a>...</a> 链接

        <br> 换行

        <b>...</b> 加粗

        <strong>...</strong> 加粗

        <img > 图片

        <sup>...</sup> 上标

        <sub>...</sub> 下标

        <i>...</i> 斜体

        <em>...</em> 斜体

        <del>...</del> 删除线

        <u>...</u> 下划线

        <input>...</input> 文本框

        <textarea>...</textarea> 多行文本

        <select>...</select> 下拉列表

    集思广益,仅供学习,侵权即删!!
  • 相关阅读:
    机器学习手稿--NumPy篇
    机器学习手稿--PyTorch篇
    算法相关库
    如何保存用户的登录状态
    Go开发新手需知:Printf、Sprintf、Println 的区别
    二、Bean生命周期中AOP的流程
    Spring 注解驱动开发-IOC (精华版)
    我是如何编写流程图程序的?
    微前端架构设计之 WebSocket API 断连后重连的设计方案
    工具-使用distinct方法去重对象List
  • 原文地址:https://www.cnblogs.com/hudunyu/p/11936118.html
Copyright © 2011-2022 走看看