整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

十天学会html+css第六天 横向导航菜单 #程序员

天学会html+css,第六天横向导航。

今天的学习目标是这部分横向导航菜单。

·找到中间盒子,在里面添加ul列表,结构跟昨天的纵向导航菜单一样。文本内容快速添加,看下效果。

·然后从外到内依次写css样式,ul的高度跟上一层一样,默认样式黑点去掉,看下效果。

·给 li添加左浮动,让它们从纵向排列变成横向排列。在给a标签写css样式之前,别忘了要添加这句代码。

·接着去掉默认样式下划线,文字颜色用黑色,文字水平居中的方法,让高度和行高一样,看下效果。

·再给每个a标签的右边都加上一定的内边距,让它们变宽,看起来就分开了。

·最后还有一个文字变色的效果,给a标签加上hove伪类,颜色设置为红色,看下效果。

到此,今天的学习完成。

迎大家学习《十天学会web标准》,也就是我们常说的DIV+CSS。不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准。

学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局。如果您刚开始学习网页制作,不知道什么是表格布局及html和css,建议您先去充电,否则学习本教程会非常吃力或者根本就听不懂。

由于时间关系,本教程只讲解一些基础知识,让您从原来的表格布局跨入到web标准(div+css)布局,会使用web标准制作出常见的页面,这也达到了本教程的目的。

本教程多以实例形式循序渐进讲解,实例涉及到哪些关键点或难点就讲解什么,较少讲解概念。因为概念这些东西很难说明白,或者说明白你也不一定能听懂,听懂了也不一定能理解。所以把概念留给大家以后再深入研究。

由于章节关系,没有把css和css hack单独分出,只是在用到的时候穿插入讲解了。html基础和css基础只在第一节中介绍了几点重要的。

小编先和大家说好,由于这是一本系统的web标准学习书籍,只能截图部分展示,如果有需要全书资料的请私信<书籍>小编,已经为大家准备好了电子版

第一天 XHTML CSS基础知识

第二天 一列布局

第三天 二列和三列布局

第四天 纵向导航菜单及二级弹出菜单

第五天 超链接伪类

第六天 html列表

第七天 横向导航菜单

第八天 下拉及多级弹出菜单

第九天 CSS表单设计

第十天 div+css网页标准布局实例教程

由于篇幅原因,小编就不过多展示了,想必大家也看见了,十天内干怎么学习。。

这本《十天学会web标准》真的超系统、超完整,无论你是小白、初级、中高级,你都能从这本书籍里汲取到你想要学习的东西

如果你需要这本书的电子版,可以转发此文后+私信我:书籍,即可免费领取这本书的电子版了,等你读到这本书后,你会发现,确实经典。

迎大家学习《十天学会web标准》,也就是我们常说的DIV+CSS。不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准。

学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局。如果您刚开始学习网页制作,不知道什么是表格布局及html和css,建议您先去充电,否则学习本教程会非常吃力或者根本就听不懂。

由于时间关系,本教程只讲解一些基础知识,让您从原来的表格布局跨入到web标准(div+css)布局,会使用web标准制作出常见的页面,这也达到了本教程的目的。

本教程多以实例形式循序渐进讲解,实例涉及到哪些关键点或难点就讲解什么,较少讲解概念。因为概念这些东西很难说明白,或者说明白你也不一定能听懂,听懂了也不一定能理解。所以把概念留给大家以后再深入研究。

由于章节关系,没有把css和css hack单独分出,只是在用到的时候穿插入讲解了。html基础和css基础只在第一节中介绍了几点重要的。

小编先和大家说好,由于这是一本系统的web标准学习书籍,只能截图部分展示,如果有需要全书资料的请私信<书籍>小编,已经为大家准备好了电子版

第一天 XHTML CSS基础知识

第二天 一列布局

第三天 二列和三列布局

第四天 纵向导航菜单及二级弹出菜单

第五天 超链接伪类

第六天 html列表

第七天 横向导航菜单

第八天 下拉及多级弹出菜单

第九天 CSS表单设计

第十天 div+css网页标准布局实例教程

由于篇幅原因,小编就不过多展示了,想必大家也看见了,十天内干怎么学习。。

这本《十天学会web标准》真的超系统、超完整,无论你是小白、初级、中高级,你都能从这本书籍里汲取到你想要学习的东西

如果你需要这本书的电子版,可以转发此文后+私信我:书籍,即可免费领取这本书的电子版了,等你读到这本书后,你会发现,确实经典。