作者：lulu_up转发链接：https:segmentfault.comululu_up最终对图如下:一. 到底能不能用在工程??(兼容性)老生常谈的问题了, 但也是决定性的问题,如下图:对于不用兼容ie浏览器的工程可以玩起来了, grid也不算新技术了, 技术的发展需要coder的推动, 有时候问问自己不用grid的原罪是不是'懒得学'哈 …
文章教程
一、Flex布局涉及的基本概念容器(container)：display被设置为flex、inline-flex的元素被称作为容器。项目(item)：容器下的直接子元素被称作为项目。主轴(main axis)：默认主轴是在水平方向，从容器左上角水平往右到达容器边缘。主轴可以通过容器属性flex-direction来设置不同的走向。一旦设置好了主轴，与其垂直的 …
进入我的主页，查看更多CSS的分享！首先呢，先去看文档，了解flex是什么，这里不做赘述。当然，可以看下面的代码示例，辅助你理解。一、row将子元素在水平方向进行布局：1. 垂直方向靠顶部，水平方向靠左侧.row-ll {display: flex;* 定义flex *flex-direction: row;* 默认值*align-items: flex-s …
上帝他老人家创造了星期，一个礼拜还要工作六天。看你那么虔诚，上帝赐你周末休息两天。给你个机会感恩，周末奉献一天陪我。我代上帝保佑你：愿你不忙不累尽享悠闲，快乐满足幸福翻倍！周末就要到了，不忙不闲之余，也别忘了关心下我哦，毕竟……毕竟…姨妈期的玻璃心，说碎就碎呀，好了，废话不多说啦，今天我来跟大家分享一下我最最最喜欢的话题——CSS设计，不过这次，小编也绞尽 …
大家好，这里是和你们聊设计的花生 ~之前为大家推荐了很多期的免费可商用英文字体，它们风格各异，适合不同的设计场景，但也只是众多免费英文字体中的极小一部分。所以今天为大家推荐 9 个我常用的外国英文字体下载网站，它们收录的字体数量庞大，风格类型全面，下载便捷，并根据字体风格、特征、使用场景进行详细了分类。有了这些网站，以后就不愁找不到免费又好看的英文字体啦 ~ …
橘子老师昨天分享的字体，有些同学说部分不可商用，担心版权的问题。这确实要十分小心我身边有一个做自媒体的朋友，做图时不慎使用了一款商用字体，被有心人举报罚款 2000 多。这种还是小损失，在设计项目中，设计师没有足够版权意识的话，轻则赔偿，重则直接开除。所以囤免费可商用字体是很有必要的。于是老师专门连夜在网上收集了58款免费可商用的字体，大家可以大胆的使用（获 …
阿里云字体图标https:www.iconfont.cn搜索(如search)->添加到项目->新建项目->输入项目的名称->imooc->确定->图标管理->我的项目->查看在线链接->点击复制代码如: at.alicdn.comtfont_1938354_qkmgv0wrqn.css用浏览器查看@fo …
不知道大家有没有遇到过使用商用字体被举报的情况，我身边有一个做自媒体的朋友，做图时不慎使用了一款商用字体，被有心人举报罚款 2000 多。这种还是小损失，在设计项目中，设计师没有足够版权意识的话，轻则赔偿，重则直接开除。所以囤免费可商用字体是很有必要的。以下是优设为大家整理的 2020 年最新的 58 款免费可商用中文字体（个人企业均可商用），所有字体资源都 …
Anicons 是 Google Design 和 Typogram 合作推出的全球第一款彩色图标字体，它是目前最先进的两种字体技术 -- 可变字体和彩色字体的结合的首次实践。Anicons 字体自带时间轴，包含了位移、颜色变换、缩放等效果，可以安装在电脑上在设计时使用，也可以嵌入 HTML 网页中，通过简单的 CSS 就能定义动画。本文将介绍 Anicon …
提示：点击上方"蓝色字体"↑ 可以订阅噢！摘要 51RGB官方微信css背景设置，让我们一起学习吧！background-color:<color>background-image:<bg-image>[,<bg-image>]*background-repeat：<repeat-sytle>[,<rep …