创建一个没有背景的圆,然后声明透明度为0.1的黑色边框(看起来是灰色),修改左侧边框颜色。此时会有一个静态的看起来只有左边框有颜色的空心圆。然后声明一个该元素逆时针旋转360度的动画,并让该动画无限播放(infinite)即可。 使用的css3 特性: transform属性的 rotate,共一个 ...
分类:
Web程序 时间:
2020-07-18 00:31:25
阅读次数:
112
有时候,我们需要使页面内容不可选择。首先想到的是一个css属性:user-select。user-select有两个值: none:用户不能选择文本 text:用户可以选择文本 禁用选择代码实现 html: <p>你可以选择我。</p> <p class="noselect">你不能选择我!</p> ...
分类:
Web程序 时间:
2020-07-18 00:30:12
阅读次数:
109
CSS 清除浮动的方法 clear:both; overflow:hidden; 先简单记录一下,以后再补充。 补充:企业级清除浮动最佳方法 clearfix方案 使用伪元素after,在父元素尾部添加一个元素, 对这个伪元素添加清除浮动的样式 必备三个样式:content,clear,displa ...
分类:
Web程序 时间:
2020-07-17 22:27:05
阅读次数:
113
request作用域:+response对象【1】由客户端向服务端发送请求【2】携带参数的请求【3】get&post区别:【4】获取请求的参数API:request.getParameter(name) \\ request.getParameterValues(name)【5】中文乱码处理 -对于... ...
分类:
Web程序 时间:
2020-07-17 22:26:42
阅读次数:
90
【摘自wisewrong的cnblog】 还在上大学那会儿,我就喜欢玩 Photoshop。后来写网页的时候,由于自己太菜,好多花里胡哨的效果都得借助 Photoshop 实现,当时就特别希望 CSS 能像 Photoshop 一样处理图片。 随着对 CSS 的了解越多,我发现 CSS 有很多平时用 ...
分类:
Web程序 时间:
2020-07-17 22:12:38
阅读次数:
108
1、~波浪号 A ~ B 选择A标签后的所有B标签,【A和B必须有相同的父元素】 2、+加号(兄弟选择器) A+B 选择紧邻在A后面的B元素,【A和B必须拥相同的父元素】所选到的仅为一个B元素标签。 3、>大于号 A>B 选择A元素里面的B元素【B元素是A元素下的第一代,只第一后代】 ...
分类:
Web程序 时间:
2020-07-17 19:52:21
阅读次数:
132
/*向左移动并弹性显示*/ @-webkit-keyframes fadeToLeftTan{ 0%{ -webkit-transform:translateX(100%); opacity:0;} 70%{ -webkit-transform:translateX(-5%); opacity:1; ...
分类:
Web程序 时间:
2020-07-17 19:33:49
阅读次数:
70
<style> div { width: 200px; height: 30px; } input { width: 200px; height: 30px; border: 1px solid #ccc; font-size: 12px; line-height: 24px; } input:ho ...
分类:
移动开发 时间:
2020-07-17 19:28:14
阅读次数:
88
使用 CSS3 border-radius 属性,你可以给任何元素制作 "圆角"。 1,CSS3 border-radius 属性使用 CSS3 border-radius 属性,你可以给任何元素制作 "圆角"。 #rcorners1 { border-radius: 25px; backgroun ...
分类:
Web程序 时间:
2020-07-17 19:26:51
阅读次数:
82
{article.description ? <div className="art-abstract"> <h3>内容摘要:</h3> <p>{article.description}</p> </div> : ''} <div className="content" style={{border ...
分类:
Web程序 时间:
2020-07-17 19:26:34
阅读次数:
80