天学会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标准学习书籍,只能截图部分展示,如果有需要全书资料的请私信<书籍>小编,已经为大家准备好了电子版
由于篇幅原因,小编就不过多展示了,想必大家也看见了,十天内干怎么学习。。
这本《十天学会web标准》真的超系统、超完整,无论你是小白、初级、中高级,你都能从这本书籍里汲取到你想要学习的东西
如果你需要这本书的电子版,可以转发此文后+私信我:书籍,即可免费领取这本书的电子版了,等你读到这本书后,你会发现,确实经典。
迎大家学习《十天学会web标准》,也就是我们常说的DIV+CSS。不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准。
学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局。如果您刚开始学习网页制作,不知道什么是表格布局及html和css,建议您先去充电,否则学习本教程会非常吃力或者根本就听不懂。
由于时间关系,本教程只讲解一些基础知识,让您从原来的表格布局跨入到web标准(div+css)布局,会使用web标准制作出常见的页面,这也达到了本教程的目的。
本教程多以实例形式循序渐进讲解,实例涉及到哪些关键点或难点就讲解什么,较少讲解概念。因为概念这些东西很难说明白,或者说明白你也不一定能听懂,听懂了也不一定能理解。所以把概念留给大家以后再深入研究。
由于章节关系,没有把css和css hack单独分出,只是在用到的时候穿插入讲解了。html基础和css基础只在第一节中介绍了几点重要的。
小编先和大家说好,由于这是一本系统的web标准学习书籍,只能截图部分展示,如果有需要全书资料的请私信<书籍>小编,已经为大家准备好了电子版
由于篇幅原因,小编就不过多展示了,想必大家也看见了,十天内干怎么学习。。
这本《十天学会web标准》真的超系统、超完整,无论你是小白、初级、中高级,你都能从这本书籍里汲取到你想要学习的东西
如果你需要这本书的电子版,可以转发此文后+私信我:书籍,即可免费领取这本书的电子版了,等你读到这本书后,你会发现,确实经典。
*请认真填写需求信息,我们会在24小时内与您取得联系。