实用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
随机推荐
- angular2 ng2 @input和@output理解及示例
- js COL能很好的控制表格的列
- 批处理 延时不完全总结
- .NET Core 2.0迁移小技巧之web.config 配置文件示例详解
- 跟我学Nodejs(二)--- Node.js事件模块
- 基于jQuery实现淡入淡出效果轮播图
- js实现悬浮窗效果(支持拖动)
- 解析php中die(),exit(),return的区别
- Python字符串处理实现单词反转
- go语言按显示长度截取字符串的方法
- Bootstrap入门书籍之(五)导航条、分页导航
- php中理解print EOT分界符和echo EOT的用法区别小结
- Ubuntu上安装Nginx服务器程序及简单的环境配置小结
- EBS xml publisher中文乱码问题及解决办法
- php Redis函数用法实例总结【附php连接redis单例类】
- 在js里怎么实现Xcode里的callFuncN方法(详解)
- PHP计算指定日期所在周的开始和结束日期的方法
- 解析android中的dip,dp,px,sp和屏幕密度
- 深入解析C++中的mutable关键字
- C 程序实现密码隐秘输入的实例 linux系统可执行