HTML第三天

HTML-day03

回顾:

定位:

Position : static/repare/absolute/fixed

 

 

 

 

一.常用属性

1.  文本设置

Color:文本的颜色

Text-align:center/left/right; 文本的位置:居中

Font-size:字体大小

Font-family:字体类型

Font-weight:字体粗细

Text-decoration : underli,/none:字体-下划线

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

Line-height:px; 线行高

 

Line-height:  特点:默认行中内容在垂直中间,利用此提点设置标签中内容的垂直方向居中

 

2.  背景图设置

1.特点:背景范围比标签范围更小,会重复出现,把区域填满

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

设置背景图重复的特性:

background-repeat : no-repea  不重复

                 repeat-x在x轴重复,在y轴不重复

repeat-y在x轴不重复,在y轴重复

背景图的位置

backgrou-position : x轴 y轴

 

 

二,页面布局

利用div标签页面布局

Div是块级标签,

1可设置宽高,独占一行

2默认是上下排列

3 利用float : left块级标签并列排列

3.  页面布局思路:由大到小区域

 

 

 

三,实际案例,搜孤输入法首页