css代码累积——自己经常忘记,但是总记不住的代码
发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
css代码积累——自己经常忘记,但是总记不住的代码
1.透明度设置
90%透明:filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity: 0.90;opacity: 0.90;
80%透明:filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity: 0.80;opacity: 0.80;
70%透明:filter:alpha(opacity=70);-moz-opacity:0.70;-khtml-opacity: 0.70;opacity: 0.70;
60%透明:filter:alpha(opacity=60);-moz-opacity:0.60;-khtml-opacity: 0.60;opacity: 0.60;
50%透明:filter:alpha(opacity=50);-moz-opacity:0.50;-khtml-opacity: 0.50;opacity: 0.50;
40%透明:filter:alpha(opacity=40);-moz-opacity:0.40;-khtml-opacity: 0.40;opacity: 0.40;
30%透明:filter:alpha(opacity=30);-moz-opacity:0.30;-khtml-opacity: 0.30;opacity: 0.30;
20%透明:filter:alpha(opacity=20);-moz-opacity:0.20;-khtml-opacity: 0.20;opacity: 0.20;
10%透明:filter:alpha(opacity=10);-moz-opacity:0.10;-khtml-opacity: 0.10;opacity: 0.10;
完全透明:filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;
完全不透明:filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;
2.字间距/字母间距、单词间距
字间距(字母间距):letter-spacing:5px
单词间距:word-spacing
3.同一组的单选按钮,name取值一定要一致。这样同一组的单选按钮才起作用。
4.在线QQ链接设置
<a target="_blank" href:"http://wpa.qq.com/msgrd?v=3&uin=QQ号&site=qq&menu=yes"></a>
5.copyright中的特殊字符
<span >©</span>
6.一键拨打效果电话号码
<a href="tel://电话号码"></a>
7.强制对数字字母折行
word-wrap: break-word; break-word: break-all;
8.背景色透明
background: rgba(0,0,0,0.6);
9.button的onclick事件打开新的页面/本地页面
当前页面直接跳转至新页面:<input type=button onclick="window.location.href=('连接')">
需要打开一个新的页面进行跳转,相当于a标签的target="_blank"属性: <input type=button onclick="window.open('连接')">
<input type=button value=后退 onclick=”window.history.go(-1)“>
10.圆角矩形代码
border-radius: 5px; border: 1px solid #fc959f;padding: 5px;
11.注释
单行注释以 // 开头。 多行注释以 /* 开始,以 */ 结尾。
在CSS中用/* 注释语句 */
在HTML中用<!-- 注释语句 -->
12.返回上一页
javascript:history.go(-1);
13.手机屏幕
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-sca" /><%--适应手机屏幕--%>
14.线性渐变——不会常用到
background: linear-gradient(rgba(50,60,60, 1), rgba(50,60,60, 0.7));
15.标题隐藏,超出部分显示省略号
overflow:hidden; text-overflow: ellipsis;white-space: nowrap;
超出部分隐藏,超出部分用省略号代替,超出文字不换行;
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。
其他相似内容:
-
CSS3的3D转换效果详解介绍
CSS3的3D转换效果详解介绍:
本章介绍一下CSS3的3D转换效果,此效果的实现依靠的是transform属性,3D转换只...
-
HTML学习10:表单格式化
表单格式化,其实我也不想起这个名字的,在前面学习的HTML中有文本格式化,这次的表单和表੬...
-
CSS布局参考 IE的If条件注释使用备忘
内容提要:在CSS布局中,还常常用到IE Hack。if IE起着非常大的作用! 关键字:Div CSS IE Hack...
-
CSS3中动画transform必须要了解的Skew变化原理
transform是CSS3中比较安全的动画(对于性能来说),其中有一些动画属性,来执行不同...
-
控制非模态弹出框(showModelessDialog)唯一且随父页面关闭
网站开发中,常常会遇到需要弹出窗体的情况,一般弹出框有模态和非模态两...
-
compass模块----Utilities----Sprites精灵图合图
css雪碧图又叫css精灵或css sprite,是一种背景图片的拼合技术。使用css雪碧图,能...
-
求前端大神帮我看下我这网站,到底是什么原因。除了ie7和火狐其他浏览器都没问题。
http://120.25.1.133/digger/index.php/Home/In...
-
各位是怎样解决屏幕的分辨率的问题的呢?
我的笔记本是15.6英寸的,我开发的网页在我的电脑上看起来比较好,但是我想换一个大的屏幕的...
-
css-----强大的效果
1 <div id="d1">你好 2 <span>aaaaaaaaa</span> 3 <div> 4 <span id="s1">bbbbbbbb</span> 5 ...
-
新手关于canvas的问题
html代码:<canvasid="canvas"></canvas>
js代码:
第一种:varcanvas=$("#canvas");
第二种:varcanvas=$("#canva...