小白的HTML心得篇 No.3
Posted 沙皮狗de爱
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了小白的HTML心得篇 No.3相关的知识，希望对你有一定的参考价值。
A--看的东西多了总会出现好多模糊不清的又长的很像的的词语 今天对此进行区别分析下
1. align 与 text-align的区别
align 在W3Cschool中是这样解释的 ----align 属性规定表格相对于周围元素的对齐方式。 通常来说，html 表格的前后都会出现折行。通过运用 align 属性，可实现其他 HTML 元素围绕表格的效果。
text-align 在CSS2.0中是这样解释的 ---设置或检索对象中文本的对齐方式。
用自己的话描述就是
align 作为HTML标签属性使用，一般表格中应用较多
text-align 是 css 种的属性
2.bgcolor与background的区别
W3Cschool中的描述
背景颜色（Bgcolor）
背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。
背景（Background）
背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口，那么图像将在整个浏览器窗口进行复制。
B--做了task1—2的体会最深的就是如何布局是这个任务的核心，先不说里面的CSS样式的设置，总结下布局问题
1、传统的页面布局方式，其实就是使用table 表格来实现，充分利用表格单元格的原理。
2、现在的布局都是从table演进成使用div来设置，但其布局思路是一样的，将网页的每个模块看作是table的单元格，排版思路抓住这两点：
（1）从大到小排版
把一个整体划分成各个小模块，细小划 套用一个词 叫 逐步求精
（2）从左到右，从上到小排版
C-- 继续补充
在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。
1、块级元素特点：
（1）每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）
（2）元素的高度、宽度、行高以及顶和底边距都可设置。
（3）元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
常用的块状元素有：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
2、内联元素特点：
(1)和其他元素都在一行上；
(2)元素的高度、宽度及顶部和底部边距不可设置；
(3)元素的宽度就是它包含的文字或图片的宽度，不可改变。
常用的内联元素有：
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
3、内联块状元素特点：
（1）和其他元素都在一行上；
（2）元素的高度、宽度、行高以及顶和底边距都可设置
常用的内联块状元素有：
<img>、<input>
三者之间的转换：
将块级元素设置为内联元素 display:inline
将元素设置为内联块状元素 display:inline-block
将内联元素转换为块状元素 display:block
以上是关于小白的HTML心得篇 No.3的主要内容，如果未能解决你的问题，请参考以下文章