发表于: 2018-08-25 21:19:21

3 621


今天完成的事情:

完成任务六以及任务七第一个页面                          
                           
遇到的问题:

拖延症一直把任务六拖到现在,一开始就是用栅格完成的,但是任务要求是用bootstrap,所以看回了之前bootstrap的录播以及官方的文档。将网页中顶部导航栏用了bootstrap的框架

             

1.一开始在css文件中对container添加样式,不成功  ,后来使用了一个div将container包裹,再给这个div一个类,再对这个类进行样式的设定

2.bootstrap中栅格就是将container分成12份,但是对应每一种页面宽度都有不同的写法,如col-md、col-lg、col-xs,一开始只规定了其中的一种,导致页面在缩小宽度时会出现,列下移,后来将这四种都写上了就没有问题了

3.因为引入了bootstrap文件,所以有些样式是已经规定好了,在设置下拉菜单时,发现对类名写样式怎么样都会被覆盖,后来对属性的id名写就可以了

4.网页在本地完成后上传到github发现下拉菜单没有子菜单显示出来,不太明白,问了师兄之后才知道是因为域名,将http改为了https就好了


收获:

1.css中样式优先级

通用选择器(*) < 元素(类型)选择器 < 类选择器 < 属性选择器 < 伪类 < ID 选择器 < 内联样式

权重的规则

    权重分为四个等级(有一个重要级角色不在此列)  

    第一等:内联样式,权重1000,即标签内的style属性设置的样式

    第二等:ID选择器,权重100,例如#id{...}

    第三等:类选择器,伪类选择器,属性选择器,权重10,例如.class{...}、:hover{...}、[arrtibute=value]

    第四等:标签选择器,伪元素选择器,权重1,例如div{...}、::after{...}

    超然地位:!important(优先考虑

   eg

  • .my-class #my-id div p{
  • color:red;
  • }

其权重为10+100+1+1=112

(在同一页面中对同一东西设置了样式,权重高的会覆盖权重低的,所以当我使用id时会覆盖使用类的)


2.bootstrap栅格系统

.container 最大宽度None (自动)750px970px1170px

 类前缀

.col-xs-.col-sm-.col-md-.col-lg-

3.http和https的区别

(1)分别是什么

       HTTP:是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地浏览   器的传输协议,它可以使浏览器更加高效,使网络传输减少。

  HTTPS:是以安全为目标的HTTP通道,简单讲是HTTP的安全版,即HTTP下加入SSL层,HTTPS的安全基础是SSL,因此加密的详细内容就需要SSL。

  HTTPS协议的主要作用可以分为两种:一种是建立一个信息安全通道,来保证数据传输的安全;另一种就是确认网站的真实性

(2)实质区别

     HTTP协议传输的数据都是未加密的,也就是明文的,因此使用HTTP协议传输隐私信息非常不安全,为了保证这些隐私数据能加密传输,于是网景公司设计了SSL(Secure Sockets Layer)协议用于对HTTP协议传输的数据进行加密,从而就诞生了HTTPS。简单来说,HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议,要比http协议安全。




返回列表 返回列表
评论

    分享到