当我们在网站中引入外部链接的时候往往使用的是 <a href="" target="_blank"></a> 大家都喜欢target="_blank", 因为新页面打开不影响原来的页面。但是这个存在安全问题, 由target="_blank"打开的页面, 可以通过window.opener访问原来的 ...
分类：
Web程序 时间：
2020-07-18 11:27:41
阅读次数：
169
css样式： <style> * { padding: 0; margin: 0; font-family: "微软雅黑"; font-size: 14px;} ul,li { list-style: none; } a { text-decoration: none; color: black; ...
分类：
其他好文 时间：
2020-07-18 11:26:07
阅读次数：
91
这篇文章主要为回答这个问题：“做响应式网页，如何让一个div的高和宽保持比例放大或是缩小？”，这里不介绍媒体查询的实现。 那么css如何实现高度height随宽度width变化保持比例不变呢？即给定可变宽度的元素，它将确保其高度以响应的方式保持成比例(即，其宽度与高度的比率保持恒定)。 下面以高宽 ...
分类：
Web程序 时间：
2020-07-18 00:58:58
阅读次数：
146
在使用过一段时间的SVG动画之后，我相当清楚如何利用它来制作动画片段或者网页布局。一些动画库平台，例如Greensock，和原生的css动画简直是绝配。于是我便打算深入地研究一下，看看我能否用这些来制作一款简单的游戏。就像一个精美的工艺品一样，好的游戏拥有许多细致的动画细节。有一天夜里，我的脑海中突 ...
分类：
其他好文 时间：
2020-07-18 00:34:27
阅读次数：
117
创建一个没有背景的圆，然后声明透明度为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
【摘自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
