实用CSS 文字收集
text-transform:uppercase //把文字变成全大写
text-transform:lowercase //把文字变成全小写
text-transform:capitalize //把文字变成首字母大写
text-indent:-9999em //图片添加文字说明但不显示在页面增强SEO
相关推荐
-
实用CSS 文字收集
text-transform:uppercase //把文字变成全大写 text-transform:lowercase //把文字变成全小写 text-transform:capitalize //把文字变成首字母大写 text-indent:-9999em //图片添加文字说明但不显示在页面增强SEO
-
CSS文字截取功能实现代码
好处是: 兼容IE,firefox,Opera; 有利于内容完整性;有利于SEO; 无需后台程序处理; 可以在前台随时调节要截取的长度. 不好的地方: 不能自动判断截取长度,当字符很短的时候在Firefox中也会生成后面的省略符号. 另外在设置截取宽度的时候,要注意,尽量让文字截取完整. Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/
-
最基本的几种CSS文字滤镜效果
闲来无事,整理一些CSS文字效果,给初学者.下面做个例子吧,这都是最基本滤镜的应用,其实两种或几种不同滤镜的组合会获得意想不到的效果,遇到问题自己多动手试试就OK了,当然要特别注意颜色的搭配,有时候用色不好是看不出效果的,配合背景图片的应用也会有很好的效果的.因为太懒,所以没有写注释也没有写什么语法格式,自己看看吧! 嘿嘿.(看不明白别骂我呀) 1.效果图: 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 SUNNY SUNNY 一路阳光 一路阳光 一路
-
实现css文字垂直居中的8种方法
注:以下demo都只是针对现代浏览器所做,未兼容低版本的IE以及其他非主流浏览器. 实现css文字垂直居中的8种方法如下: 1.使用绝对定位和负外边距对块级元素进行垂直居中 css垂直居中效果: css垂直居中实现代码: 这个方法兼容性不错,但是有一个小缺点:必须提前知道被居中块级元素的尺寸,否则无法准确实现垂直居中. 2.使用绝对定位和transform 代码如下: 这种方法非常明显的好处就是不必提前知道被居中的元素的尺寸,因为transform中偏移的百分比就是相对于元素自身的尺寸而言. 3
-
CSS Hack收集汇总
屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select {font:12px !important;} /*FF的专用*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符,根据情况更换.第二句是MAC上safari浏览器独有的. 仅IE7识别 *+html {-} 当面临需要只针对IE7做样式的时候就可以采用这个HACK. IE6及IE6以下识别 * html {-} 这个地方要特别注意很多地主都写了
-
Js+CSS 文字渐隐渐现显示
这段代码实现的淡入淡出还算可以吧,比较平滑,同样出自JavaScript+CSS两者的配合. JavaScript文字渐隐渐现显示 0) && (parseInt(navigator.appVersion) >= 4)); var count = 0, count2 = 0, add1 = 3, add2 = 10, timerID; function show() { if (ie4) { count += add1; count2 += add2; delay = 30; if(
-
顶级经典常用的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;
-
JS、CSS文字切换,定时交替,代码精简
你可以把它看作像写一般的CSS列表一样,只用增加两三行代码就能完成切换效果. 文本定时变动代码 #newslist{ background:#f8f8f8;border:1px solid silver;padding:1px;height:20px;line-height:20px;width:288px; } #contain{ font-size:12px;overflow:hidden;list-style:none;width:288px;height:20px;margin:0px;
-
最基本的几种 CSS 文字滤镜效果
下面做个例子吧,这都是最基本滤镜的应用,其实两种或几种不同滤镜的组合会获得意想不到的效果,遇到问题自己多动手试试就OK了,当然要特别注意颜色的搭配,有时候用色不好是看不出效果的,配合背景图片的应用也会有很好的效果的. 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 SUNNY SUNNY 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
python实用代码片段收集贴
获取一个类的所有子类 复制代码 代码如下: def itersubclasses(cls, _seen=None): """Generator over all subclasses of a given class in depth first order.""" if not isinstance(cls, type): raise TypeError(_('itersubclasses must be cal
随机推荐
- asp.net js模拟Button点击事件
- 在Ajax中使用get和post所遇到的问题及解决办法
- js实现功能比较全面的全选和多选
- js实现随机数字字母验证码
- JavaScript正则表达式(总结篇)
- 三层+存储过程实现分页示例代码
- 探讨JavaScript标签位置的存放与功能有无关系
- java根据数据库表内容生产树结构json数据的方法
- js预载入和JavaScript Image()对象使用介绍
- Python的Django框架中settings文件的部署建议
- 利用ASP发送和接收XML数据的处理方法
- Win7x64下Mysql5.7.18解压版的安装方法
- ASP.NET中使用Application对象实现简单在线人数统计功能
- 将bat文件注册为windows系统服务的方法
- 批处理 正则表达式(findstr) 整理
- jquery 1.4.2发布!主要是性能与API
- Android Handler多线程详解
- Android使用Notification实现宽视图通知栏(二)
- Python reduce()函数的用法小结
- struts2入门(搭建环境、配置、示例)详解