首页 > 其他 > 详细

不学习就一无所知

时间:2018-10-27 18:01:39      阅读:158      评论:0      收藏:0      [点我收藏+]

在第一周,我写的作业都只需要利用已有的一点皮毛知识,但小知识不学不练也确实不会。

第一点,找图片里的颜色RGB值:可以用电脑的附件画图,选择颜色吸管点击颜色打开调色盘就可以显示RGB值;也可以使用QQ,微信等截图工具,鼠标到颜色处也可以显示出来RGB值。

第二点,找图片资源:静态图片找小图标资源,我还没有掌握ps,但下载ps麻烦耗时,打开网上的在线修图可以比较方便地抠图,我的尝试是图片抠下来后边缘不美观。至于在网站上找图片资源,

少量的图片可以选择直接逐张保存。网上搜查的办法说可以下载图片助手。

第三点,虽然是个小问题,但图片和html文件放在同一个文件夹才能显示出来最最最最最最基础,很重要。

第四点,画加号的方法:

.plus-icon {           
     display: inline-block;         
     background: blue;       
     height: 12px;           
     position: relative;         
     width: 2px;     
    }  
 .plus-icon:after {                                   

    background: blue;          

     content: "";          
       height: 12px;          
     left: 0;          
     position: absolute;          
     top: 0;           
     width: 2px;         
     transform: rotateZ(90deg)    
    }

 

  伪元素:https://www.cnblogs.com/ghost-xyx/p/3763669.html

 

                                                                伪类  :hover,:link,:active,:target,:not(),:focus。

 

                                                                伪元素:first-letter,::first-line,::before,::after,::selection

::before和::after必须配合content属性来使用,content用来定义插入的内容,content必须有值,至少是空。默认情况下,伪类元素的display是默认值inline,可以通过设置display:block来改变其显示。

content可取以下值。

响应式网站设计是一种网络页面设计布局,其理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境进行相对应的布局。

渐进增强(Progressive Enhancement):针对低版本浏览器设计,再针对高版本的浏览器加效果。

优雅降级(Graceful Degradation):针对流行常用的浏览器设计,向下兼容,

技术分享图片

GIT交作业

技术分享图片

 

技术分享图片

技术分享图片

 

 

 

 

 

 

 

不学习就一无所知

原文:https://www.cnblogs.com/huzixuan/p/9862528.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!