HTML小结及css基础属性

时间:2022-01-03 15:05:08


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

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