2020年10月29日
重置样式库
摘要： u-reset.css This is a reset style library. Install npm install u-reset.css Download https://unpkg.com/u-reset.css Example //module require("u-reset.cs 阅读全文
posted @ 2020-10-29 15:16 Jane先森 阅读(117) 评论(0) 推荐(0) 编辑
Web开发规范
摘要： Web开发规范 目录规范 项目目录结构常见如下： ├── images/ # 图片目录 │ ├── demo/ # 测试用图片 │ ├── logo.png # 网站logo │ └── .... # 其他图片 ├── css/ # 样式目录 │ ├── u-reset.css # 重置样式 │ ├ 阅读全文
posted @ 2020-10-29 14:40 Jane先森 阅读(254) 评论(0) 推荐(0) 编辑
2020年10月28日
选择器优先级计算
摘要： 选择器优先级计算 浏览器通过优先级来判断哪些属性值与一个元素最为相关，从而在该元素上应用这些属性值。优先级是基于不同种类选择器组成的匹配规则。 选择器优先级决定了哪一条样式规则会被浏览器应用在元素上。 优先级是如何计算的？ 优先级就是分配给指定的 CSS 声明的一个权重，它由 匹配的选择器中的 每一 阅读全文
posted @ 2020-10-28 17:29 Jane先森 阅读(529) 评论(0) 推荐(0) 编辑
CSS 技巧
摘要： CSS 技巧 令你惊叹的CSS技巧大全 CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。 技巧1：渐变色文字 <style> /* 方式1 */ .gradi 阅读全文
posted @ 2020-10-28 17:26 Jane先森 阅读(64) 评论(0) 推荐(0) 编辑
CSS3滤镜
摘要： CSS3滤镜 CSS 滤镜就是提供类似 PS 的图形特效，像模糊，锐化或元素变色等功能。通常被用于调整图片，背景和边界的渲染。 浏览器的支持情况 属性值预览 grayscale(100%) 修改所有图片的颜色为黑白 (100% 灰度) blur(10px) 设置高斯模糊，单位为px，值越大越模糊 b 阅读全文
posted @ 2020-10-28 17:09 Jane先森 阅读(98) 评论(0) 推荐(1) 编辑
CSS3动画
摘要： CSS3动画 通过 CSS3，我们能够轻松创建动画，能够精确控制该元素在动画期间的每一个状态，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。 @keyframes 语法 定义动画，指定动画名称和动画效果。 @keyframes <identifier> { <keyfr 阅读全文
posted @ 2020-10-28 16:51 Jane先森 阅读(77) 评论(0) 推荐(0) 编辑
css3 ＜3D 转换＞
摘要： css3 ＜3D 转换＞ 通过 CSS3 3D 转换，能够使我们对元素在2d空间内模拟3D运动，如：元素绕着Y轴和X轴旋转，沿着Z轴进行移动、缩放、拉长或拉伸等等。 3D兼容性 css3D属性 属性描述CSS transform 向元素应用 2D 或 3D 转换函数。 3 transform-ori 阅读全文
posted @ 2020-10-28 16:46 Jane先森 阅读(84) 评论(0) 推荐(0) 编辑
CSS3 2D 转换
摘要： CSS3 2D 转换 通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。 2D转换兼容性 2D转换使用 css3 2D转换属性 属性描述CSS transform 主流浏览器都支持此属性 3 transform-origin 可能的值：Left center right leng 阅读全文
posted @ 2020-10-28 16:40 Jane先森 阅读(73) 评论(0) 推荐(0) 编辑
CSS3文本(text)模型
摘要： css3文本(text)模型 我们可以使用css3的新特性，给文本添加阴影，指定换行模式，规定文本的轮廓等一些效果，极大的弥补了css2当中的不足 属性模型 属性描述CSS text-overflow 规定当文本溢出包含元素时发生的事情。 3 text-fill-color 给文字指定填充颜色 3 阅读全文
posted @ 2020-10-28 16:26 Jane先森 阅读(112) 评论(0) 推荐(0) 编辑
CSS3颜色和渐变
摘要： CSS3颜色和渐变 在CSS3中对颜色进行了很多扩展，我们不仅可以使用在css2中的rgb模式，十六进制模式，以及关键字模式，同时还支持RGBA模式，HSL 模式和HSLA模式，以及我们可以使用css3实现渐变色。 RGBA模式 RGBA在RGB的基础上多了控制alpha透明度的参数。以上R、G、B 阅读全文
posted @ 2020-10-28 16:20 Jane先森 阅读(207) 评论(0) 推荐(0) 编辑