前端学习之css3
关注
分享
扫一扫
文章平均质量分 78
讲解css3常用技巧学习
手撕键盘
这个作者很懒，什么都没留下…
展开
-
CSS3学习笔记-05-滤镜(filter)和属性值计算(calc)
CSS3学习笔记-05-滤镜(filter)和属性值计算(calc)滤镜和属性值计算,都是比较常用的技巧滤镜 filter属性值:高斯模糊:blur(npx) 其中n越大,模糊越强亮度:brightness(n%) n为100表示100% 为图片的正常亮度,越小越黑,越大越白。你懂的其他的值可以参考这篇文章 ,这里只介绍常用技巧CSS3中强大的filter(滤镜)属性模糊blur模糊比较容易,当我们定一个图片图片如下然后给他加上模糊 img{ fi原创 2021-08-18 11:48:21 · 178 阅读 · 0 评论 -
CSS3学习笔记-04-border-sizing实现固定盒子大小
CSS3学习笔记-04-border-box实现固定盒子大小border-sizing是css3提供的很实用的一个工具,设置它可以让你的盒子大小固定为你给盒子设置的宽度和高度,不需要在加padding和border后计算内部盒子的大小注意:兼容性不高,css3的东西都这样,不多说当我们定一个div盒子给他一个高200,宽200的大小<!DOCTYPE html><html lang="en"><head> <meta charset="UTF原创 2021-08-10 23:34:36 · 1465 阅读 · 0 评论 -
CSS3学习笔记-03-CSS3伪元素
CSS3学习笔记-03-CSS3伪元素前言伪元素:顾名思义,就是一个假的元素,是由css所写的一个元素内容 :before 在前面添加一个元素ofter 在后面添加一个元素注意:添加的伪元素默认是一个行内元素,不能设置宽度和高度,且伪元素是不可以被用户选中复制的,但是开发者调试的里面可以哈哈，伪元素里面的content必须加伪元素最好的运用就是消除浮动，后面会详细讲解消除浮动是什么详情:beforebefore就是在元素前面添加一个元素,比如我在div前面添加一个元素,伪元素的写法格式原创 2021-08-09 19:24:25 · 346 阅读 · 0 评论 -
CSS3学习笔记-02-CSS3结构伪类选择器
CSS3学习笔记-02-CSS3结构伪类选择器提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录CSS3学习笔记-02-CSS3结构伪类选择器前言E:first-child E:last-childE:nth-child(n)总结:前言01-学习css3的属性选择器☞☞戳我结构伪类选择器是css3新增的一种选择器,解决了为了选择某一元素需要平凡的增加class类的问题,可以说是很有用的的选择器,而且还提供了公式等操作,让元素选择变得更加简单E:first-ch原创 2021-08-09 17:15:33 · 249 阅读 · 0 评论 -
CSS3学习笔记-01-CSS3简介和属性选择器
CSS3学习笔记-01-CSS3简介和将实现的效果这几天不断地从html 到 css 到html5 到css3 到js 前段大致来说算是一只脚跨入门槛了…什么? 这才是门槛？ 没错，就是门槛，前段要学的东西，可以说是一座山。真的多好吧。可以去看看往上的前端学习路线。哎！ 果然世上没有简单的事情啊！但是只要努力一定可以学的好的。由于css3的特殊性（好玩）！我决定更一波学习css3的系列，很短！！只跟常用的部分。。。。我也只学了这一部分。放心，够用了！重点在动画和2d和3d上面想看的看看css3是什么原创 2021-08-09 00:12:19 · 149 阅读 · 0 评论