顶级经典常用的CSS属性收集整理

文本两端对齐:


代码如下:

text-align:justify;
text-justify:inter-ideograph;

清除浮动:


代码如下:

.clear{clear:both;line-height:0;height:0;font-size:0;}

清除浮动伪类:


代码如下:

.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

设置不让单词断开


代码如下:

word-break : keep-all

字符自动换行


代码如下:

word-break:keep-all;word-break:break-all;word-wrap:break-word

使用 line-height 垂直居中

代码如下:

line-height:24px;/*使用固定宽度的容器并且需要一行垂直居中时,使用 line-height 即可(高度与父层容器一致),更多的垂直居中总结可以看这里。
*/

清除容器浮动

代码如下:

#main {overflow:hidden;}

不让链接折行

代码如下:

a {white-space:nowrap;}

始终让 Firefox 显示滚动条

代码如下:

html {overflow:-moz-scrollbars-vertical;}

使块元素水平居中

代码如下:

body, html {min-height:101%;}或者margin:0 auto;

隐藏 Exploer textarea 的滚动条

代码如下:

textarea {overflow:auto;}

设置打印分页


代码如下:

h2 {page-break-before:always;}/*设置打印网页时的分页*/

删除链接上的虚线框


代码如下:

a,area { blr:e­xpression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; }

最简单的 CSS 重置


代码如下:

* {margin: 0; padding: 0}/*此属性慎用,虽然能消除默认属性,但是对浏览器渲染有影响,而且在语义化表达上也欠佳。*/

图片回车后打文字需要属性

代码如下:

img{vertical-align:top;}

透明属性

代码如下:

filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
cursor:hand;

鼠标换成手的形状


代码如下:

cursor:hand;

(0)

相关推荐

  • 顶级经典常用的CSS属性收集整理

    文本两端对齐: 复制代码 代码如下: text-align:justify; text-justify:inter-ideograph; 清除浮动: 复制代码 代码如下: .clear{clear:both;line-height:0;height:0;font-size:0;} 清除浮动伪类: 复制代码 代码如下: .clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;

  • 超常用的PHP正则表达式收集整理

    以下就是对超常用的PHP正则表达式进行的收集整理,为了方便大家更快更好的掌握php正则表达式. 一.表单验证匹配 验证账号,字母开头,允许 5-16 字节,允许字母数字下划线:^[a-zA-Z][a-zA-Z0-9_]{4,15}$ 验证账号,不能为空,不能有空格,只能是英文字母:^\S+[a-z A-Z]$ 验证账号,不能有空格,不能非数字:^\d+$ 验证用户密码,以字母开头,长度在 6-18 之间:^[a-zA-Z]\w{5,17}$ 验证是否含有 ^%&',;=?$\ 等字符:[^%&am

  • 最常用的PHP正则表达式收集整理

    PHP代码 $str = preg_replace("/(<a.*?>)(.*?)(<\/a>)/", '\1<span class="link">\2</span>\3', $str); 其中用了三个子模式(每个圆括号中内容为一个子模式),第一个是链接开始标签,第二个是链接文本,第三个是</a> 然后第二个参数中\1.\2.\3就表示这三个部分,要替换成什么样子还不简单? 获取页面中的所有链接地址的PHP

  • JavaScript 经典实例日常收集整理(常用经典)

    本文是小编日常收集整理些js经典实例,特此分享到我们平台供大家参考! 跨浏览器添加事件 //跨浏览器添加事件 function addEvent(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){//IE obj.attchEvent('on'+type,fn); } } 跨浏览器移除事件 //跨浏览器移除事件 function remove

  • 日常收集整理php正则表达式(超常用)

    以下是关于小编给大家日常收集整理php正则表达式,具体内容请看下文详解吧 $str = preg_replace("/(<a.*?>)(.*?)(<\/a>)/", '\1<span>\2</span>\3', $str); 其中用了三个子模式(每个圆括号中内容为一个子模式),第一个是链接开始标签,第二个是链接文本,第三个是</a> 然后第二个参数中\1.\2.\3就表示这三个部分,要替换成什么样子还不简单? 获取页面中的所有

  • 日常收集整理的Git常用命令

    Git 是一个很强大的分布式版本控制系统.它不但适用于管理大型开源软件的源代码,管理私人的文档和源代码也有很多优势. 查看.添加.提交.删除.找回,重置修改文件 git help <command> # 显示command的help git show # 显示某次提交的内容 git show $id git co -- <file> # 抛弃工作区修改 git co . # 抛弃工作区修改 git add <file> # 将工作文件修改提交到本地暂存区 git add

  • 收集整理项目中常用到的正则表达式

    最近做的一个内部系统项目,涉及大量的文本校验,里面用到了一些常用的正则表达式,收集不易,先记录在此,以备后用. 匹配中文字符的正则表达式: [\u4e00-\u9fa5] 匹配双字节字符(包括汉字在内):[^\x00-\xff]  可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 匹配空白行的正则表达式:\n\s*\r  可以用来删除空白行 匹配HTML标记的正则表达式:< (\S*?)[^>]*>.*?|< .*? /> 这个仅仅能匹配部分,对于复杂的

  • jQuery中常用动画效果函数(日常整理)

    jquery中动画效果非常多,下面小编给大家分享一下jquery中的动画函数. jQuery的效果函数列表: animate():对被选元素应用"自定义"的动画. clearQueue():对被选元素移除所有排队的函数(仍未运行的). delay():对被选元素的所有排队函数(仍未运行)设置延迟. dequeue():运行被选元素的下一个排队函数. fadeln():逐渐改变被选元素的不透明度,从隐藏到可见. fadeOut():逐渐改变被元素的不透明度,从可见到隐藏. fadeTo(

  • 常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数

    为了方便资源管理和提升工作效率,常用的js和css文件的加载应该放在一个统一文件里面完成,也方便后续的资源维护.所以我用js写了以下方法,存放在"sourceController.js"文件内. function sourceController(){ var root = ""; var cssCount = 0; // css加载计数器 var jsCount = 0; // js加载计数器 this.callfunc = null; // 回调函数 this.

  • Ext修改GridPanel数据和字体颜色、css属性等

    Ext修改GridPanel数据和字体颜色等,不是单指EditGridPanel 首先获取选中的行(当然也可以获取单元格): 复制代码 代码如下: var selectedRow = grid.getSelectionModel().getSelected(); 修改设置: 复制代码 代码如下: selectedRow.set("key","value"); 修改背景色,首先获取行号,然后获取行的view对象: 复制代码 代码如下: var selectedIdx

随机推荐