HTML小结及css基础属性



table 的布局：是一个页面的整体结构；  结构特点：从上往下，从左往右，一般每一行的高度是一致的。页面的布局通过table来实现，一个单元格就是区域单位，通过height和width来确定区域大小，位置是通过单元格的相对位置来体现的。同时可以结合rowspan和colspan两个属性来完成单元格的合并。

<div>（division)标签定义一个分块   特点：在新的一行进行展示。

块级元素是占满行；内联元素是按照顺序从左至右依次排列。

css：1.内联样式  2.内部样式  3.外部样式

颜色：红色 绿色 蓝色为三原色

css中的表现形式：1.十六进制  2.RGB  3.GRBA 4.HSL 5.HSLA 6.预定义

尺寸单位：

cm:厘米

mm:毫米

in英寸（inch）

px:像素 (pixel)

%:百分比

基础属性：

字体属性：

font-family:字体名称

font-size:字体大小

font-style:字形（斜体等）

font-variant:字体变化（如大写）

    font=weight:字体粗细

可以简写，书写顺序：

font-size，font-variant，font-weight，font-size，font-family

（前三个可缺省，使用默认值，后两个必须指定值）这种书写方式更加简洁

文本相关属性：

文本相关属性主要包括颜色，对齐方式，修饰效果等。

color：设置文本颜色

text-decoration：文字装饰

none：默认值，没有装饰效果

underline：加下划线

overline：加上划线

line-through：加删除线

text-shadow：增加阴影，比如text-shadow: 5px 2px black的含义是定义一个黑色的背景，其水平方向上左移5px，垂直方向上上移2px。

direction：方向

ltr:自左至右  trl:自右至左

text-align：文本对齐方式

left左对齐

right右对齐

center居中对齐

justify两端对齐

vertical-align:文本垂直对齐方式

top 靠上对齐

bottom 靠下对齐

middle垂直居中对齐

text-indent：文本缩进

letter-spacing：字符之间的艰巨

word-spacing：字（单词）间距

line-height：设置行高，实际上是调整行间距