第4 章网页导航栏网站综合开发解析?盒子模型的 3 个位置属性:边框( boder )、外边距( margin )和内边距( padding )。?制作图像 logo 的关键在于图像的定位问题,选用合理的属性定位图片。? banner 一般显示在 logo 的右侧,合理地利用浮动属性和边界属性可以很好地控制元素的显示位置。? CSS 提供了 link 、 visited 、 hover 、 active4 种a 对象的伪类来表示链接的 4中不同状态。上章回顾本章进阶?掌握 float (浮动)属性?掌握 CSS 清除浮动属性?掌握 CSS 字体属性?了解导航栏的制作网站导航栏的介绍?网站导航栏的类型导航栏的作用是将网站的栏目清晰呈现在用户的眼前, 用户通过导航栏可以访问到网站中的栏目。根据性质分为框架导航栏、文本导航栏和图片导航栏。根据放的位置分为横排导航栏和竖排导航栏。网站导航栏的介绍? float (浮动)属性 float 属性 float 相关属性值 left 、 right 、 none 网站导航栏的介绍?元素向左浮动在第一个块元素样式中添加代码 float:left; 网站导航栏的介绍?元素向右浮动在第一个块元素样式中添加代码 float:right ; 网站导航栏的介绍?元素分别向左右两侧浮动在第一个块元素样式里添加代码 float:left; 在第二个块元素样式里添加代码 float:right; 网站导航栏的介绍? CSS 清除浮动属性清除浮动属性 clear 相关属性值 left 、 right 、 both 、 none first { float:left; background-color: #F96; } .second { clear:left; background-color: #3C9; } 网站导航栏的介绍?CSS 字体属性字体属性 font-family 相关属性值字体名称,可以设置多个字体大小属性 font-size 相关属性值单位数值、百分比字体颜色属性 color 相关属性值 RGB 颜色分量、十六进制颜色值、颜色英文关键词字体属性字体颜色属性字体大小属性
第4 章 网页导航栏 来自淘豆网m.daumloan.com转载请标明出处.