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:设置行高,实际上是调整行间距