一.position属性定位网页元素 1.static ：默认值，没有定位。按照标准文档流的方式提现出来 2.relative：相对定位，相对于自身元素原来的位置进行定位 <style type="text/css"> .div01{ position: relative; top: -20px;
原创
2021-08-31 16:21:44
163阅读
改革春风吹满地动画(CSS3) animation案例1：太阳系的运作案例2：图片播放标题动画(CSS3) animation动画是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。语法格式：animation:动画名称 花费时间 运动曲线 何时开始 播放次数 是否反方向;关于几个值，除了名字，动画时间，延时有严格顺序要求其它随意
原创
2020-07-15 14:47:15
886阅读
1评论
一、CSS的作用：1.有效的传递页面信息。2...
转载
2018-10-25 16:14:00
194阅读
2评论
一、CSS的作用：1.有效的传递页面信息。2.使用CSS美化过的页面，使得页面更加漂亮，吸引用户。3.可以很好的突出页面的主题内容。4.具有良好的用户体验。二、span标签的作用：自己本身在网页中不起作用，但是可以让某个文字内容凸显出来，方便单独设置内容的样式。三、字体：1.font-family:设置字体的类型，例如宋体、楷体2.font-size:设置字体的大小，例如16px...
原创
2018-10-25 16:13:59
477阅读
在网页中插入css，有如下3种方式CSS saves a lot of works1:内联样式表 inline<body style=”color:red “> suming </body>2:内部样式表 internal在<head> css </head>内增加css<head><style type=”text/css “></style></head>3:外部样式表 external style sheet链接到外部的css文件<head><link rel=”styles
转载
2011-10-30 01:02:00
205阅读
2评论
Transition对应的CSS属性列表：transition-property指定当元素哪个属性改变时执行Transition效果，属性可以时以下属性：none、all以及其他可以触发浏览器reflow或repaint的属性。当指定为none时，动画立即停止，当指定为all的时候，则当元素产生任何属性值变化时都将执行“转换”效果，比如大小改变。初始默认值为all.transition-duration指定“转换”过程的时间，如：1s、none。初始默认值为0.transition-timing-function指定“转换”过程中可用的效果，预设的有：ease, linear, ease-in
转载
2012-12-21 13:35:00
138阅读
2评论
CSS3 @font-face网页中的字体 参考：http://www.w3cplus.com/content/css3-font-facehttp://jingyan.baidu.com/article/6d704a13fbe61828db51cab2.htmlhttp://www.alixixi.com/web/a/2015051294742.shtmlhttp:/...
原创
2016-12-08 19:17:05
33阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态帧动画：通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2202阅读
虽说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评论
1、CSS3 简介 CSS 指层叠样式表 (Cascading Style Sheets)，用于控制网页的样式和布局，CSS3 是最新的 CSS 标准。外部样式表有能力同时改变站点中所有页面的布局和外观。CSS3 语言开发是朝着模块化发展的。之前的规范作为一个模块很庞大而且比较复杂，所以 CSS3 把旧规范拆分为一些小的模块，并且还增加了一些新的模块。CSS3 完全向后兼容，浏览器将永
转载
2023-07-29 22:03:28
11阅读
CSS3外轮廓属性外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。-outline-color：定义轮廓线的颜色，属性值为CSS中定义的颜色值。在实际应用中，省略时此参数的默认值为黑色。-outline-style：定义轮廓线的样式，
原创
2018-10-05 10:01:13
764阅读
一.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阅读
点评：1、应该将 CSS 放置于结构的上方（一般放置于 head 元素内）。CSS 是解释型语言，Firefox 和 IE 在等待 CSS 传输完成之前不会渲染任何东西。只有将 CSS 前置，才可在浏览器解析结构时，对页面进行渲染。 This causes the blank white screen problem. The page is tot
1、应该将 CSS
转载
精选
2013-01-21 01:14:14
343阅读
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:19:35
333阅读
