html中块级元素和行内元素

来源:互联网 发布:淘宝实名认证小号购买 编辑:程序博客网 时间:2024/05/22 20:28

           html元素分为两种:块级元素和行内元素

                                                                         1.块级元素:不与其他元素同一行,是其他元素的容器,可容纳块级元素和行内元素。

                                                                                              可以设置width(宽)和height(高)的值,也可以设置上左下右四个方向的padding(内边距)和margin(外边距)的                                                                                                 值。     

                                                                         2.行内元素:与其他元素同一行,尽量不包含块级元素。

                                                                                               不可以设置widthheight的值,但可以设置左右方向的paddingmargin的值。

                                                                                                行内元素的高度一般由元素内部的字体大小决定,宽度由内容长度控制。

                                                                         3.常见的块级元素

                                                                                                <div>                 常用块容器                                                                   <address>     地址               <dl>     定义列表       <fieldset>     控制组           <form>     交互表单        <h1~h6>    标题               <hr>    水平分隔线               <ol>    有序列表                <p>     段落             <pre>     格式化文本          <table>     表格              <ul>     无序列表

                                                                         4.常见的行内元素                   

                <a>    锚点                                                       <b>    粗体             <big>    放大字体         <small>    缩小字体             <em>    强调        <strong>    粗体强调                 <i>    斜体            <img>    图片(可设置宽和高)          <input>    输入框          <label>    提示标签        <select>    列表选项          <span>    内联容器,定义文本区内块            <sup>   上标            <sub>    下标                <u>    下划线     <textarea>     多行文本输入框




原创粉丝点击