CSS 属性opacity,规定不透明度,从 0.0(完全透明)到1.0(完全不透明) opacity: value| inherit; 规定 <!DOCTYPE html> <html> <head> <script> function ChangeOpacity(x) { // 返回被选选项的文 ...
分类:
Web程序 时间:
2020-01-03 01:02:23
阅读次数:
181
1概述1.1前言使用一个或多个图像相关的CSS属性(background-blend-mode,mix-blend-mode,orfilter)可以实现许多特殊的图片显示效果,共列举了20种图片显示效果。2效果列表2.1铅笔画效果效果示例SCSS代码专门建立的学习Q-q-u-n:784-783-012,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习技巧(从零基础开始到前端项目实战教程,
分类:
Web程序 时间:
2020-01-03 00:34:32
阅读次数:
110
在html中网页可以看成一个立体的空间,一个完整的页面是由很多个页面堆积形成的,如下图所示 CSS中Position属性有四个可选值,它们分别是:static、absolute、fixed、relative。 ◆position:static 无定位 该属性值是所有元素定位的默认情况,在一般情况下, ...
分类:
Web程序 时间:
2020-01-02 22:34:40
阅读次数:
93
1、font-size:12px; 默认浏览器字体16px,一般互联网12px,14px,设置字体的高度,不是宽度 2、font-weight:bold; bold 加粗 100-900的区间值 加粗 strong{ font-size:50px; } 3、font-style:italic;斜体 ...
分类:
Web程序 时间:
2020-01-02 00:01:54
阅读次数:
135
1、transition、transform、animate的区别? transition:过渡效果,它有4个属性:transition: property duration timing-function delay; property :css属性的名称 duration :多长时间完成 tim ...
分类:
其他好文 时间:
2020-01-01 20:16:20
阅读次数:
62
建议遵循以下顺序: 1. 布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,毕竟关系到模式) 2. 自身属性:width / height / margin / padding / bo ...
分类:
Web程序 时间:
2019-12-31 18:57:04
阅读次数:
124
项目练习中遇到的问题记录: 1. 鼠标点击超链接时不显示小手掌:父元素绝对定位影响到了子元素 解决办法: .father{ z-index:998; } 2. object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框 3. 弹性盒布局中,弹性元素的 nth-ch ...
分类:
其他好文 时间:
2019-12-29 15:12:44
阅读次数:
102
[TOC] 标签快捷写法 宽和高 字体 1.文字字体 2.字体大小 3.字体粗细 font weight用来设置字体的字重(粗细)。 | 值 | 描述 | | : : | : : | | normal | 默认值,标准粗细 | | bold | 粗体 | | bolder | 更粗 | | ligh ...
分类:
Web程序 时间:
2019-12-27 22:10:19
阅读次数:
158
由于各大浏览器存在兼容性问题,同一个CSS属性在不同浏览器下的表现不一定相同,有经验的前端设计者都会自定义一个重置浏览器样式的CSS文件,在这个文件中定义一些针对不同的浏览器最终表现出一致的代码,大家最熟悉的也许就是* {margin:0 0}了,其实这是最简单的兼容性的代码,一般情况下,仅有这个是 ...
分类:
Web程序 时间:
2019-12-26 19:48:44
阅读次数:
108
当你知道一个元素的初始状态和最终状态,你想要这个元素从初始到最终,比如你想让一个div从红色变成蓝色,但又不想那么生硬的直接变过去,这时候就可以使用过渡了。 + property 指定要过渡的CSS属性 + duration 指定过渡的时间 + timing function 速度曲线,比如匀速,先 ...
分类:
Web程序 时间:
2019-12-23 22:13:23
阅读次数:
232