小伙伴们，css3单位你们听说过多少？我们在前端切图项目中用到的有px，em，rem，vh，% 其他基本没用到过了。特别是vh ，特别好用。附所有css单位，应该是最全的了px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。re
......
347
0
0
2022-06-12
前端开发是一个比较繁琐的工作，不仅要有别人不一样的审美观和设计观，还需要了解很多的JS插件等错综复杂的技术，一份工作在别人眼中看似简单，其实当做的，完成的时候又是另一回事了。以下推荐几款还不错的css框架，希望能对大家工作中有所帮助。1、Twitter开源杰作 -BootstrapBootstrap基于HTML、CSS和JavaScript，是一款非常适合敏
......
316
0
0
2022-06-12
颜色是用户在你的网站上注意到的第一个体验。运用这些专业设计的色彩搭配，足以吸引用户的眼球。特别是需要建立线上形象的企业而言是绝对有必要的。除了创造自己专属的网站之外，网站的外观和框架都应该配合品牌和产品。我们知道色彩心理学与品牌塑造有密切的关系;与特定颜色相关的色调和格调能够让用户感受到品牌的属性。比如主色调为绿色的品牌看起来可能偏向自然与环保，而使用粉红色
......
628
0
0
2022-06-08
在做网页的时候经常要实现一些类似于标签的标识，这时很多人会使用图片去实现，当然这是一种做法，还有另外一种做法就是利用CSS3的属性来实现该效果！下面看看效果图：要实现该效果原理就是右边定位一个三角形，然后下面的夹角也是定位一个小三角形就可以实现如图所描述的效果！下面来看看简要的代码：html:主要CSS：主要通过css伪类来添加2个三角形的效果，实现标签效果
......
343
0
0
2022-06-08
效果图废话不多说，上源码！大家可以关注收藏，方便下次观看需要文档版本源码，可以加我的HTML5前端交流群111645711zzsc.cssbody{
background: #494A5F;
color: #D5D6E2;
font-weight: 500;
font-size: 1.05em;
font-f
......
378
0
0
2022-06-04
当文章中的长文本被自动断行为多行文本时，其样式可能会出乎我们的设计。本文介绍如何使用CSS3中的box-decoration-break特性来处理多行元素样式。按照规范定义，box-decoration-break被用来处理分页（page-break）或断行（line-break）时元素的样式。默认情况下，当我们设置元素背景（background）或边界（b
......
281
0
0
2022-05-31
大家都知道，web前端开发并不是每一个环节都是从无到有的，有时候我们需要借用别人的经验，借鉴和运用一些流行和优质的模板，这样能够做到事半功倍，更能吸取精华增长自己。做技术，会运用模板也是一门技能哦~今天码疯窝编程君给大家分享一打流行的web开发前端模板集锦，模板在手，开发不愁~HTML5 BOILERPLATEHTML5 Boilerplate 帮你构建 快
......
372
0
0
2022-05-24
今天巴巴哥给大家收集到一个超精细的移动端APP设计规范信息图，内容最全，强烈推荐值得收藏~一共分为20多个不同章节，具体分为：APP色彩规范、APP控件规范、APP文字和排版规范三个方面。来跟大家举例说明了在实战当中一套严格APP设计规范包含哪些内容。
......
410
0
0
2022-05-22
免版权图片昨天发布了一篇“写文章没配图？有这5个免版权可商用的图库网站就够了”的文章受到了很多头条朋友的喜爱，仅一个晚上的时间收藏量已经达到了近两千，其中也有很多大V也收藏了，真是让刚接触头条号我倍感激动，所以今天又整理了些资源给大家。1.StockSnap.io - 美丽免费的照片：https://stocksnap.io/StockSnap上的所有照片都
......
473
0
0
2022-05-18
最近准备重新学下CSS，找了MDN看了下基础内容，做下总结！CSS层叠所谓CSS的层叠就是指当一个元素应用了两条（或大于两条）同级别的规则时，写在最后的规则最终会生效CSS优先级在CSS中如果对同一元素应用了不同的样式，一般来讲会是最后设置的样式生效。举个例子：<h1>This is a test</h1>
h1 {
......
402
0
0
2022-05-18
content和attr属性用的不是很多，但是它们能在页面下面悄悄的使用CSS来生成内容，下面让我们看看content和attr的用法相互配合产生神奇效果的基本content用法content属性能让程序员使用CSS往页面元素里填写内容：.myDiv:after { content: "我是一个使用*content*属性生产的静态文字"; }
注意，如果想
......
366
0
0
2022-05-18
在经过前端开发的一段时间学习，想必大家对于自适应有了不少的了解，那么今天我们继续来讲讲有关于：“在前端中textarea有几种高度自适应方法？”这方面的相关内容分享！下面是小编收集整理的相关内容希望对大家有所帮助！阅读全文你将获得以下解决方案。点击长文本编辑textarea，自动获得焦点随着输入值自动伸缩高度可复制添加信息可粘贴文本可粘贴图片以下实例代码执行
......
309
0
0
2022-05-18
CSS中animation属性大家都很常见，而@keyframes大家有听说过吗？animation属性里引用@keyframes有一种简写方式，展开来一共有8个子属性，通过它们，我们可以控制各种的动画过程。子属性animation-name: 指定一个 @keyframes 的名称，动画将要使用这个@keyframes定义。animation-durati
......
341
0
0
2022-05-17
第一步：在AI软件上自定义一个简单的icon，最后一步一定要 路径--轮廓化描边第二步：保存为(SVG)svg格式第三步：打开https://icomoon.io/app/#/select这个网站，导入.svg第四步：点击Generate SVG & More或者Generate Font，下载第五步：看看demo你就会引用了
......
328
0
0
2022-05-11
鼠标放在图片上时，图片自动移动，到尽头后，反向移动首先我们给的图片尺寸：3320*1352先将图片放在一个300*200的div盒子中HTML结构：先将图片作为背景图：定义一个动画，设置动画效果：使用动画效果，设置动画状态为暂停：鼠标移入后，动画开始：效果图:
......
506
0
0
2022-05-11