块级元素、行内元素、内联元素的特点,常见的元素的特点属性

一 · 块级元素特点:

1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(一个块级元素独占一行)

2、元素的高度、宽度、行高以及顶和底边距都可设置。

3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致)

常用的块状元素有:

,

,

~

,
    ,
      ,
      ,
      ,,
      ...

      设置display:block;可以将元素转换块级元素。

      二 · 内联元素特点:

      1、和其他元素都在一行上;

      2、元素的高度、宽度及顶部和底部边距不可设置;

      3、元素的宽度就是它包含的文字或图片的宽度,不可改变。

      常用的内联元素有:,
      ,,,,,...

      设置display:inline;可以将块状元素转换为内联元素

      三 · 内联块级元素特点:(同时具备内联元素、块级元素的特点)

      1、和其他元素都在一行上;

      2、元素的高度、宽度、行高以及顶和底边距都可设置!

      常用的内联块状元素有:,,

      display:inline-block;float:left / right;position:absolute/fixed;可以将元素设置为内联块级元素。

      四 · href属性与src属性

      1、href 是a标签的属性,用于指定超链接目标的 URL。

      href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。如果用户选择了标签中的内容,那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档,或者执行 JavaScript 表达式、方法和函数的列表。

      其URL的值可以是绝对 URL - 指向另一个站点(比如 href="http://www.baidu.com")

                                  相对 URL - 指向站点内的某个文件(href="index.html")

                                  锚 URL - 指向页面中的锚(href="#top")

      2、src属性是,

      你可能感兴趣的:(块级元素、行内元素、内联元素的特点,常见的元素的特点属性)