HTML-day03笔记

• 常用属性

1. 文本设置

Color：文本颜色

Text-align：center-left-right;文本-位置对齐：居中/左/右

Font-size:字体大小

Font-family:字体类型

Font-weight:字体粗细

Text-decoration:underline/none;字体-下划线

Letter-spacing:px;字与字的距离

Line-height:px 线行高；特点：默认行中内容在垂直中间，利用此特点设置标签中内容的垂直方向居中

 

 

1. 背景图设置

特点：

1.背景图范围  比  标签范围更小，会重复出现，把区域填满。

2.设置背景图重复的特性，背景图的位置

设置背景图重复的特性：

Background-repeat:no-repeat 不重复

                Repeat-x  x轴重复，y轴不重复

                Repeat-y  x轴不重复 y轴重复

背景图的位置：

Background-position:x轴 y轴

 

 

• 页面布局

利用div标签页面布局；

Div是块级标签，可设置宽高，独占一行

默认是上下排列

块级标签并列排列float：left

思路：由大到小区域

 

 

• 实际案例

四个区域 top pic content last