一 · 块级元素特点:
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 元素的必需属性。