CSS导航条制作心得

CSS导航条制作心得今天学习了导航条的制作,感觉收获很大!学习了一段时间的css和html。之前都是在慕课网上面看视频学习的,感觉收获不是特别大,有一点慢,效率不高。学东西还是得边做边学变想,学习编程最好能够不断地实践,毕竟实践出真知。学习了这个作者的文章http://www.missyuan.com/thread-438839-1-1.html    1.导航条放于div容器中——-ui和li来写

大家好,又见面了,我是你们的朋友全栈君。

   今天学习了导航条的制作,感觉收获很大!学习了一段时间的css和html。之前都是在慕课网上面看视频学习的,感觉收获不是特别大,有一点慢,效率不高。学东西还是得边做边学变想,学习编程最好能够不断地实践,毕竟实践出真知。学习了这个作者的文章http://www.missyuan.com/thread-438839-1-1.html

       1.导航条放于div容器中——-ui和li来写文本内容———-a做文本链接

       2.将html和css分开来写,以便于以后直接在改样式的时,进入css便可,减少后期维护的麻烦。

         1).html和css之间的连接,写在head里面    <link  type=”text/css” rel=”stylesheet”  href=”css文件名字.css”>

      3.

         1)容器需要设置高度、宽度

         2)ul和li:垂直居中(height和line-height值设置为同样的)

                             水平居中(text-align:center;)  即是文本内容居中

                             如果li之间太拥挤使用margin、padding设置外边距和内边距可以解决问题

                             list-style:none;(将在FF中默认在li前面的黑色圆点去除)

                            float:left; 如果块状元素独霸一行,需要浮动

      4.

         1)a产生超链接<a href=#></a>

              若要给a(内联元素设置宽度、高度需要)diaplay:block

         2)  a:hover(鼠标放到链接上会产生一些设置在css样式代码里的效果)

                text-decoration:none/underline(鼠标放到链接上时不会出现下划线/出现下划线)

   

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/163145.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 山西计算机中考操作题,2017山西中考物理实验操作试题发布

    山西计算机中考操作题,2017山西中考物理实验操作试题发布一、2017年山西省中考物理命题依据《义务教育物理课程标准(2011年版)》是2017年山西中考物理试题的唯一命题依据.二、2017年山西省中考物理命题原则1.总原则(1)内容:强化学科核心内容,弱化枝端末节内容.(2)结构:强化良好结构的知识,弱化零散的知识.(3)测查能力层次:强化概念、原理的理解与应用,及分析、综合等思维能力;弱化单纯的事实和内容记忆.(4)测查角度:强化学生理解了哪些,弱…

  • C++类和对象数组[通俗易懂]

    C++类和对象数组[通俗易懂]C++类和对象数组【1】对象数组1:对象数组的定义:类名数组名[元素个数]Eg:studentasa[10];//有10个元素的学生类对象数组2:对象数组的访问形式:数组名[下标].成员名;Eg:asa[j].print();3:对象数组的初始化:对象数组的初始化通常也是由构造函数来完成的。Eg:#include”student.h”intmain{…

  • Android仿QQ登录界面示例,实现登录、注册功能。[通俗易懂]

    Android仿QQ登录界面示例,实现登录、注册功能。[通俗易懂]Android开发经常用到注册、登录功能,于是便整理出一般通用的登录界面,并实现其相应功能。供读者参阅。此项目包含三个活动,即登录,注册界面,找回密码。

  • Java中的join方法原理详解「建议收藏」

    Java中的join方法原理详解「建议收藏」1.synchronized中的对象锁是线程的实例我们可以使用同步语句块的方式对需要同步的代码进行包裹。Objectobj=newObject();synchronized(obj){   obj.wait();    //线程在这里等待}此时线程会在obj.wait()处等待,如果想继续执行,此时需要别的线程通过notify、notifyAll唤醒或者中断。但是如果o…

  • python画心形代码大全_七夕,程序员的表白代码「建议收藏」

    python画心形代码大全_七夕,程序员的表白代码「建议收藏」七夕快到了,表白素材赶紧先准备好。。。0、委婉的表白Python代码:importstringl=string.ascii_letterss=[]s.append(l[34])s.append(l[11])s.append(l[14])s.append(l[21])s.append(l[4])s.append(l[24])s.append(l[14])s.append(l[20])s….

  • 浅谈md5加密[通俗易懂]

    浅谈md5加密[通俗易懂]md5加密是我们生活中十分常见的加密算法。我是最近在写一个H5的项目时接触到的这个算法,这个算法极大的引起了我的好奇心,是登陆界面,要求是将用户输入的密码使用md5加密之后,再传回服务器,当时我十分不理解原因是什么.废话少说原因密码在前端进行加密,然后服务器使用摘要进行比对,这样在整个密码的校验过程中是在服务器端不知道明码的情况下进行的,极大的保证了密码的安全在避免文件内容被篡改

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号