实用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
随机推荐
- Android Glide图片加载(加载监听、加载动画)
- ES6记录异步函数的执行时间详解
- Asp.net FileUpload+Image制作头像效果示例代码
- php二维数组转成字符串示例
- php各种编码集详解和以及在什么情况下进行使用
- 十个PHP高级应用技巧果断收藏
- PHP中生成UUID自定义函数分享
- thinkphp分页集成实例
- Python解析网页源代码中的115网盘链接实例
- asp编译成dll-图形化教程第1/2页
- Java操作文本文件的方法
- 解决 firefox 不支持 document.all的方法
- sql server的一个有趣的bit位运算分享
- jquery实现图片切换代码
- jQuery调用WebMethod(PageMethod) NET2.0的方法
- Jquery如何实现点击时高亮显示代码
- 一道关于java异常处理的题目
- C#设计模式之观察者模式实例讲解
- PHP callback函数使用方法和注意事项
- C#中结构体定义并转换字节数组详解