css中的字体样式一般包含有就9中，常见的有7种。这7种依次为： 1.字体样式：font-family； 2.字体大小：font-size； 3.字体加粗：font-weight； 4.字体斜体：font-style； 5.颜色：color； 6.文本装饰线条：text-decoration； 7.文字阴影：text-shadow； 其中， font-famil用于设置文字名
转载
2024-01-08 18:17:07
152阅读
一、CSS3 动画简介二、CSS3 动画实现步骤三、动画定义四、代码示例
原创
2023-08-13 00:20:44
3417阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态帧动画：通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2202阅读
CSS3外轮廓属性外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。-outline-color：定义轮廓线的颜色，属性值为CSS中定义的颜色值。在实际应用中，省略时此参数的默认值为黑色。-outline-style：定义轮廓线的样式，
原创
2018-10-05 10:01:13
764阅读
虽说css3 都已经使用多年了，但是关于css3的渐变用的很少。今天遇见了，就学习了一下。 首先我们打开ps，新建一个画布，选择渐变工具，这个时候我们能够看到顶栏上面的渐变类型如下 第一个我们选中的是线性渐变，第二个是径向渐变，第三个是角度渐变，第四个是对称渐变，第五个是菱形渐变。对于css3 并没
原创
2022-10-31 10:26:25
470阅读
css3中的过渡 1、transition的几个样式值 transition-property：设置要过渡的属性值例如（height，width） transition-duration：设置过渡时间（必须加上时间单位） transition-timing-function：设置过渡样式 ease ...
转载
2021-10-31 19:36:00
147阅读
2评论
一.CSS3变形 CSS3变形是一些效果的集合 如平移、旋转、缩放、倾斜效果 每个效果都可以称为变形（transform），它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化 二.CSS3位移:translate 三.CSS3的缩放scale transform: scale(缩放倍数); 四.C
原创
2021-08-31 16:21:28
356阅读
一.标准文档流：指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列。这也是元素默认的排列方式 二.display属性 display:更改块级元素和行内元素的相互转换 block：块级元素的默认值 inline：行内元素的默认值 inline-block:同时具有行内和块级元素的特性
原创
2021-08-31 16:26:52
192阅读
1.什么是calc()? calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能。用来指定元素的长度。比方说，你能够使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。calc()最大的优点就是用在流体布局上。能够
转载
2016-03-11 18:16:00
174阅读
2评论
在CSS3中新增加了一个新的模块transition，它可以通过一些简单的CSS事件来触发元素的外观变化，让效果显得更加细腻。 它是一个复合属性，主要包括以下几个子属性。transition-property:指定过渡或动态模拟的CSS属性transition-duration:指定完成过渡所需的时间transition-timing-function:指定过渡函数transition...
原创
2021-07-27 17:58:15
143阅读
CSS3过渡效果（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创
2022-10-20 10:05:50
2155阅读
CSS3自由缩放属性为了增强用户体验，CSS3增加了很多新的属性，其中resize就是一个重要的属性，也是一个非常实用的属性，它允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。到目前为止，可以使用overflow属性的任何容器元素。在此之前，Web设计师为了要实现这样的UI效果，需要使用大量的脚本代码才能实现，这样费时费力，效率极低。resize属性主要是用来改变元素尺寸大小的，其主要目的
原创
2018-10-05 10:00:20
516阅读
像手腕上散发的香水味CSS3盒模型案例CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。可以分成两种情况：1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值，
原创
2020-07-15 09:25:54
791阅读
CSS3动画序列（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创
2022-10-20 10:05:58
5122阅读
CSS3动画的基本使用（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT
原创
2022-10-20 10:19:35
333阅读
CSS3动画的常见属性（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="\
原创
2022-10-20 10:05:54
329阅读
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>CSS3动画实现方式大全</title>
<script src="jquery-2.1.0.min.js"></script>
<
转载
2023-07-21 17:10:19
418阅读
CSS基础《图解CSS》CSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创
2022-09-01 15:35:28
228阅读
CSS基础 《图解CSS》CSS简介[https://www.jianshu.com/p/a42e4ff8b7d6] 《图解CSS》选择器[ht...
原创
2022-03-04 10:40:59
385阅读
一、stop位置stop位置，也就是开始渐变的位置。1）stop位置不同将会出现过渡的效果，#fb3开始渐变的位置是20%，在20%之前就只有#fb3，到80%就是#58a。div.transition1 {
background: linear-gradient(#fb3 20%, #58a 80%);
} 2）
原创
2017-04-17 11:30:18
856阅读
