初始渲染的过渡 在上一篇animate.css代码的基础上，运行时可以发现当页面第一次渲染元素时，并没有出场动画。我们可以通过 appear attribute 设置节点在初始渲染的过渡,同样也需要自定义类名： <div id="root"> <transition name="fade" appe ...
分类：
其他好文 时间：
2021-02-09 11:44:36
阅读次数：
0
#1. 内联样式 不推荐 在标签内使用style属性指定css代码 hello css *** #2.内部样式 在head标签内 ，定义style标签 style标签的标签体内容就是css代码 页面 /*作用域为div*/ div{ color:blue; } #3.外部样式 定义css资源文件 2 ...
分类：
Web程序 时间：
2020-12-11 12:07:21
阅读次数：
7
CSS 规则： CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 书写位置： css的代码根据书写位置的不同可以分为四种书写方式：内联式、内嵌式、外联式、导入式。 内联式： 内联式，也被习惯叫做行内式。 书写位置：在 HTML 标签之上的 style 属性中书写 css 样式。 所有的 ...
分类：
Web程序 时间：
2020-12-05 10:45:41
阅读次数：
8
CSS代码： /* start */ .my-face { animation: my-face 5s infinite ease-in-out; display: inline-block; margin: 0 5px; } @-webkit-keyframes my-face { 2%, 24% ...
分类：
Web程序 时间：
2020-11-06 02:48:53
阅读次数：
45
嵌套（Nesting）Less 提供了使用嵌套（nesting）代替层叠或与层叠结合使用的能力。假设我们有以下 CSS 代码： #header { color: black;}#header .navigation { font-size: 12px;}#header .logo { width: ...
分类：
其他好文 时间：
2020-10-27 11:17:08
阅读次数：
21
Less **为什么需要Less？**CSS需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少CSS编写经验而很难写出组织良好且易于维护的CSS代码，造成这些困难的很大原因源于CSS是一门非程序语言，没有变量、函数、scope（作用域）等概念。 ...
分类：
其他好文 时间：
2020-10-26 10:39:28
阅读次数：
51
用css实现一个rate评分 ? 核心代码也就三行 效果图 原理 梳理如下： 去找个好看的iconfont，[Iconfont-阿里巴巴矢量图标库]；借用5个radio单选框，把默认样式都去掉，显示默认的星星；用checked伪类监听用户选中?，由默认的星星变成高亮的星星；然后配合~兄弟操作符把当前 ...
分类：
Web程序 时间：
2020-10-18 16:23:01
阅读次数：
33
一、两列布局 1.1 左列定宽,右列自适应 效果： (1)利用float+margin实现 html代码: <body> <div id="left">左列定宽</div> <div id="right">右列自适应</div> </body> css代码: #left { background-c ...
分类：
其他好文 时间：
2020-10-18 16:21:55
阅读次数：
21
博客效果代码 记得申请js 博客主题：simplememory 页面定制CSS代码 /*simplememory*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, ...
分类：
其他好文 时间：
2020-07-29 21:32:37
阅读次数：
76
html代码： css代码： js代码： 结果： ...
分类：
其他好文 时间：
2020-07-21 13:54:43
阅读次数：
82
