今日学习了

1.字体图标的使用方法,首先我们需要去iconfont官网去下载一些字体图标,字体图标这一块与精灵图相比,他们的区别在于精灵图是多个颜色,最低为两种颜色,而字体图标是单个颜色

2.运用字体图标

第一步先引入iconfont.css
<link rel="stylesheet" href="./fonts/iconfont.css">
第二步填写类名
<i class="iconfont icon-gouwuchekong"></i>

3.transform几个属性名的运用,有transform :translate(x,y) 位移

transform: rotate 旋转 单位是(deg)  度 还有(turn)圈    正值代表顺时针 负值代表逆时针

transform: scale 缩放 scale(1)表示原始状态 大于1表示放大,小于1表示缩小

4.倾斜

.box {width: 200px;height: 200px;background-color: pink;margin: 200px auto;/* 倾斜  skew(角度deg)*//* 倾斜的度数不要超过90度 */transform: skew(45deg);}

5.渐变色

用的属性是 background-image: linear-gradient(颜色1,颜色2,颜色,)中间颜色用逗号隔开

background-image: linear-gradient(to right, red, blue, yellow);这个代表改变颜色方向

 .box {width: 400px;height: 400px;/* linear-gradient线性渐变(颜色1,颜色2....) *//* background-image: linear-gradient(red, blue, yellow); *//* to(到哪里去...)属性 改变渐变色的方向   */background-image: linear-gradient(to right, red, blue, yellow);/* 不能使用to属性,换成deg */background-image: linear-gradient(45deg, red, blue, yellow);/* 几个常用的背景色 *//* 透明色到黑色半透明 */background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));/* 透明色到白色半透明 */background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.5));}

初学者,日益维新,记录所学点点滴滴相关推荐

  1. python初学者怎么找工作_学python找工作好找吗

    学完python,可以从事的工作有自动化测试.数据分析.网络运维.网站开发.python语言在学术上非常受欢迎,很多不是计算机专业的人,都在学习python. python的就业方向 1.网络爬虫 p ...

  2. STM32环境下AS5048A14位磁旋转编码器SPI通讯调试记录——我学到的东西、遇到的问题、解决的过程

    ❤ 2019.3.16 事情是这样的. 在很多天以前,老师接了个项目,问我有没有意向,我谨慎的表达了我对新事物的好奇心,对新知识的求知欲,同时又委婉的表达了我的能力有限的实际情况,然后我以为事情就这么 ...

  3. 记录那些学编程的网站

    记录一些编程网站:具体内容不做详细解释,大家点进去自我探索. Python相关: W3School:w3school 在线教程 菜鸟教程:菜鸟教程 - 学的不仅是技术,更是梦想! 牛客网:牛客网-找工 ...

  4. 一个初学者的学习记录,只为像我一样在浩瀚的知识海洋中畅游的初学者尽绵薄之力!

    不知不觉学习单片机也快有2年了,从当初的连二极管是什么都不知道到现在 能编写简单的单片机程序,这中间不知道走了多少弯路,浪费了多少不必要的时间 ,当然这其中由于工作原因只能利用晚上的时间去学习,自己基 ...

  5. 记录自己学到东西-2017-08-26

    2012年大学毕业,大学里学的网络优化(其实就是玩过来的拉).出来后就一心想做自己的行业.一直做到今年年初,一直都没啥出息,工资也是一直就那样,没啥变化.网优也是一直要出差,对以后也不方便,就放弃了. ...

  6. 记录自己学JDBC的第一天

    JDBC(Java Database Connectivity)介绍 首先先介绍一下什么是JDBC? 1. JDBC即Java数据库连接,是java语言中用来规范客户端程序如何来访问数据库应用程序接口 ...

  7. 印象笔记 - 记录生活的点点滴滴

    2012年5月10日,Evernote CEO Phill Libin在GMIC2012演讲中正式宣布推出"印象笔记"服务,同步推出的还有"印象笔记-圈点".& ...

  8. 我的博客正式成立了,本博客记录每天的点点滴滴,学习到的知识和大家一起分享,希望大家多多包涵。

    先记录一下. 如果离开你远走,不要看着我泪流 只是错误的邂逅,我和你一起轻轻的放手 不在乎啊天长和地久,请珍惜曾经的拥有

  9. 初学者刚入门,是学Java,还是python

    对于这个问题,网上会有许多回答,其实要我来说,两者都差不多,如果硬要选择一个的话,我只能给你回答跟着感觉走,看你的兴趣更偏向哪一方面,接下来,我会拿Java,和python来举例,希望看到我这篇文章的 ...

最新文章

  1. java selenium iframe_如何使用java在Selenium WebDriver中处理iframe
  2. 巨杉斩获“中国十大开源软件”,开源与企业级结合商业路线得到认可
  3. 面了百度AI,新生代农民工炸了
  4. 电脑罗盘时钟代码_苹果电脑怎么设置数字时钟屏保 Word Clock for Mac安装教程
  5. Linux内存错误系统重启,linux服务器硬件报错,系统异常重启检测-MCElog
  6. numpy ndarray 数组对象
  7. 嵌入式操作系统内核原理和开发(最快、最优、最差内存分配算法)
  8. 20161120-安全测试
  9. pandas中size方法_eplot,在pandas中流畅的使用pyecharts!
  10. Ros基本概念及小乌龟程序学习
  11. Node.js连接数据库
  12. php 百度地图 云存储,jspopular3.0 | 百度地图API SDK
  13. 圣诞节flash卡通短片
  14. 主分区损坏diskgenius_使用Diskgenius完成磁盘结构损坏且无法读取的的情况
  15. MySQL学习宝典之最全的常用语法语句
  16. 使用MCU SPI访问具有非标准SPI接口ADC的方法
  17. java识别图片中文字技术
  18. 获取windows系统ip、计算机名、当前用户名
  19. 转自Avan_Lau
  20. jeb 内存溢出解决方案

热门文章

  1. 英语FieldyellowStone田黄石fieldyellowstone单词
  2. 解码百度大脑“一叶红船见百年”AR互动:见证勇立潮头的“中国AI”
  3. licode服务架构及流程
  4. 享受知识饕餮盛宴,尽在2014年课程
  5. Codevs 6个朋友
  6. 百度员工离职总结:如何做个好员工
  7. 利用aboboo,轻听app等软件以及通过看美剧方式学习英语
  8. -2147483648是不是int常量
  9. clickhouse 如何快速写入数据
  10. 带你搞明白单侧双侧T检验