在第一周,我写的作业都只需要利用已有的一点皮毛知识,但小知识不学不练也确实不会。
第一点,找图片里的颜色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