一 · 块级元素特点：
1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（一个块级元素独占一行）
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致）
常用的块状元素有：<div>,<p>,<h1>~<h6>,<ol>,<ul>,<dl>,<form>,<table>,<address>...
设置display:block；可以将元素转换块级元素。
二 · 内联元素特点：
1、和其他元素都在一行上；
2、元素的高度、宽度及顶部和底部边距不可设置；
3、元素的宽度就是它包含的文字或图片的宽度，不可改变。
常用的内联元素有：<span>,<br>,<a>,<em>,<b>,<i>,<strong>...
设置display:inline;可以将块状元素转换为内联元素
三 · 内联块级元素特点：（同时具备内联元素、块级元素的特点）
1、和其他元素都在一行上；
2、元素的高度、宽度、行高以及顶和底边距都可设置！
常用的内联块状元素有：<img>,<input>,<td>
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属性是<link>,<script>标签的属性，用于规定外部脚本文件的 URL。
有时，我们需要在网站的多个页面中运行 JavaScript。不需要重复编写相同的脚本，只需在单独的文件中创建 JavaScript，并以 .js 为后缀保存，然后使用 标签中的 src 属性引用该文件即可。。
其URL的值可以是绝对 URL - 指向其他站点（比如 src="http://www.baidu.com"）
相对 URL - 指向站点内的文件（比如 src="/scripts/example.js"）
五 · alt和title的区别
1、alt：如果无法显示图像，浏览器将显示替代文本。
alt属性是一个必需的属性，它规定在图像无法显示时的替代文本。
假设由于下列原因用户无法查看图像，alt 属性可以为图像提供替代的信息：
网速太慢
src 属性中的错误
浏览器禁用图像
用户使用的是屏幕阅读器
如果图像包含信息 - 使用 alt 描述图像
如果图像在 a 元素中 - 使用 alt 描述目标链接
如果图像仅供装饰 - 使用 alt=""
2、title：规定关于元素的额外信息。这些信息通常会在鼠标移到元素上时显示一段工具提示文本（tooltip text）。
title 属性常与 form 以及 a 元素一同使用，以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。
网友评论