不学习就一无所知

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

第一点,找图片里的颜色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交作业

 

 

猜你喜欢

转载自www.cnblogs.com/huzixuan/p/9862528.html