初学者,日益维新,记录所学点点滴滴
今日学习了
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));}
初学者,日益维新,记录所学点点滴滴相关推荐
- python初学者怎么找工作_学python找工作好找吗
学完python,可以从事的工作有自动化测试.数据分析.网络运维.网站开发.python语言在学术上非常受欢迎,很多不是计算机专业的人,都在学习python. python的就业方向 1.网络爬虫 p ...
- STM32环境下AS5048A14位磁旋转编码器SPI通讯调试记录——我学到的东西、遇到的问题、解决的过程
❤ 2019.3.16 事情是这样的. 在很多天以前,老师接了个项目,问我有没有意向,我谨慎的表达了我对新事物的好奇心,对新知识的求知欲,同时又委婉的表达了我的能力有限的实际情况,然后我以为事情就这么 ...
- 记录那些学编程的网站
记录一些编程网站:具体内容不做详细解释,大家点进去自我探索. Python相关: W3School:w3school 在线教程 菜鸟教程:菜鸟教程 - 学的不仅是技术,更是梦想! 牛客网:牛客网-找工 ...
- 一个初学者的学习记录,只为像我一样在浩瀚的知识海洋中畅游的初学者尽绵薄之力!
不知不觉学习单片机也快有2年了,从当初的连二极管是什么都不知道到现在 能编写简单的单片机程序,这中间不知道走了多少弯路,浪费了多少不必要的时间 ,当然这其中由于工作原因只能利用晚上的时间去学习,自己基 ...
- 记录自己学到东西-2017-08-26
2012年大学毕业,大学里学的网络优化(其实就是玩过来的拉).出来后就一心想做自己的行业.一直做到今年年初,一直都没啥出息,工资也是一直就那样,没啥变化.网优也是一直要出差,对以后也不方便,就放弃了. ...
- 记录自己学JDBC的第一天
JDBC(Java Database Connectivity)介绍 首先先介绍一下什么是JDBC? 1. JDBC即Java数据库连接,是java语言中用来规范客户端程序如何来访问数据库应用程序接口 ...
- 印象笔记 - 记录生活的点点滴滴
2012年5月10日,Evernote CEO Phill Libin在GMIC2012演讲中正式宣布推出"印象笔记"服务,同步推出的还有"印象笔记-圈点".& ...
- 我的博客正式成立了,本博客记录每天的点点滴滴,学习到的知识和大家一起分享,希望大家多多包涵。
先记录一下. 如果离开你远走,不要看着我泪流 只是错误的邂逅,我和你一起轻轻的放手 不在乎啊天长和地久,请珍惜曾经的拥有
- 初学者刚入门,是学Java,还是python
对于这个问题,网上会有许多回答,其实要我来说,两者都差不多,如果硬要选择一个的话,我只能给你回答跟着感觉走,看你的兴趣更偏向哪一方面,接下来,我会拿Java,和python来举例,希望看到我这篇文章的 ...
最新文章
- java selenium iframe_如何使用java在Selenium WebDriver中处理iframe
- 巨杉斩获“中国十大开源软件”,开源与企业级结合商业路线得到认可
- 面了百度AI,新生代农民工炸了
- 电脑罗盘时钟代码_苹果电脑怎么设置数字时钟屏保 Word Clock for Mac安装教程
- Linux内存错误系统重启,linux服务器硬件报错,系统异常重启检测-MCElog
- numpy ndarray 数组对象
- 嵌入式操作系统内核原理和开发(最快、最优、最差内存分配算法)
- 20161120-安全测试
- pandas中size方法_eplot,在pandas中流畅的使用pyecharts!
- Ros基本概念及小乌龟程序学习
- Node.js连接数据库
- php 百度地图 云存储,jspopular3.0 | 百度地图API SDK
- 圣诞节flash卡通短片
- 主分区损坏diskgenius_使用Diskgenius完成磁盘结构损坏且无法读取的的情况
- MySQL学习宝典之最全的常用语法语句
- 使用MCU SPI访问具有非标准SPI接口ADC的方法
- java识别图片中文字技术
- 获取windows系统ip、计算机名、当前用户名
- 转自Avan_Lau
- jeb 内存溢出解决方案