CSS function--功能样式
功能样式,从常用样式方法中抽离,按需使用,使用前请先阅读 CSS规范 中相关条列。
/* function */
.f-cb:after,.f-cbli li:after{
display
:
block
;
clear
:
both
;
visibility
:
hidden
;
height
:
0;
overflow
:
hidden
;
content
:
"."
;}
.f-cb,.f-cbli li{
zoom
:
1;
}
.f-ib{
display
:
inline-block
;*
display
:
inline
;*
zoom
:
1;
}
.f-dn{
display
:
none
;}
.f-db{
display
:
block
;}
.f-fl{
float
:
left
;}
.f-fr{
float
:
right
;}
.f-pr{
position
:
relative
;}
.f-prz{
position
:
relative
;
zoom
:
1;
}
.f-oh{
overflow
:
hidden
;}
.f-ff0{
font-family
:
arial
,\5b8b\4f
53;
}
.f-ff1{
font-family
:
"Microsoft YaHei"
,\5fae\8f6f\96c5\9ed1,
arial
,\5b8b\4f
53;
}
.f-fs1{
font-size
:
12px
;}
.f-fs2{
font-size
:
14px
;}
.f-fwn{
font-weight
:
normal
;}
.f-fwb{
font-weight
:
bold
;}
.f-tal{
text-align
:
left
;}
.f-tac{
text-align
:
center
;}
.f-tar{
text-align
:
right
;}
.f-taj{
text-align
:
justify
;
text-justify
:
inter-ideograph
;}
.f-vam,.f-vama *{
vertical-align
:
middle
;}
.f-wsn{
word-wrap
:
normal
;
white-space
:
nowrap
;}
.f-pre{
overflow
:
hidden
;
text-align
:
left
;
white-space
:
pre-wrap
;
word-wrap
:
break-word
;
word-break
:
break-all
;}
.f-wwb{
white-space
:
normal
;
word-wrap
:
break-word
;
word-break
:
break-all
;}
.f-ti{
overflow
:
hidden
;
text-indent
:
-30000px
;}
.f-ti2{
text-indent
:
2em
;}
.f-lhn{
line-height
:
normal
;}
.f-tdu,.f-tdu:hover{
text-decoration
:
underline
;}
.f-tdn,.f-tdn:hover{
text-decoration
:
none
;}
.f-toe{
overflow
:
hidden
;
word-wrap
:
normal
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;}
.f-csp{
cursor
:
pointer
;}
.f-csd{
cursor
:
default
;}
.f-csh{
cursor
:
help
;}
.f-csm{
cursor
:
move
;}
.f-usn{-webkit-
user-select
:
none
;-moz-
user-select
:
none
;-ms-
user-select
:
none
;-o-
user-select
:
none
;
user-select
:
none
;}
CSS function--功能样式的更多相关文章
- CSS重构:样式表性能调优
这两天窝在家里又看了本CSS相关的书:<CSS重构:样式表性能调优>.重构是指在不改变代码行为的前提下,重写代码,使其更加简洁.易于复用. 这本书读起来比较快,可挑自己感兴趣的读,前面三章 ...
- CSS/CSS3常用样式小结
1.强制文本单行显示: white-space:nowrap; 多行文本最后省略号: display: -webkit-box; -webkit-line-clamp:2; overflow: hid ...
- [原创]Lodop打印, 以及Lodop引用css文件控制打印样式的问题.
最近在做Lodop打印功能: 思路是: 用MasterPage搭个打印页面的框架, 然后在具体的页面中填入数据, 打印的样式由母版页和CSS来控制. 困扰了一天的问题是: 在打印的JS文件中, 引 ...
- 在React中使用CSS Modules设置样式
最近,一直在看React...那真的是一个一直在学的过程啊,从配置环境webpack,到基础知识jsx,babel,es6,没有一个不是之前没有接触的.其实,我内心是兴奋的啊,毕竟,活着就是要接触一些 ...
- [总结]CSS/CSS3常用样式与web移动端资源
CSS/CSS3常用样式与知识点 IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法.条 ...
- 精通CSS+DIV网页样式与布局--图片效果
提到图片效果,小伙伴们可能会想到美图秀秀,ps等,这些软件都是款非常不错的照片处理软件,包括常用的:黑白,增强,高斯,高对比,夜视,老照片和铅笔画等等.不管你是否是专业的 照片拍摄人员,我们都可以通过 ...
- js动态改变css伪类样式
首先我们来看下页面上需要实现的基本效果,如下图所示: 因此我们可以使用如下js代码来试试看,是否能使用js改变伪类?如下代码所示: $(function() { $('.listnav li').cl ...
- CSS控制列表样式属性list-style有哪些?怎么用?
CSS列表样式属性list-style有哪些类型?不同类型CSS控制列表样式使用时该注意什么? 这是W3Cschool用户Shirley于2016-11-10在W3Cschool编程问答提出的问题.云 ...
- amazeui学习笔记--css(基本样式3)--文字排版Typography
amazeui学习笔记--css(基本样式3)--文字排版Typography 一.总结 1.字体:amaze默认非 衬线字体(sans-serif) 2.引用块blockquote和定义列表:引用块 ...
随机推荐
- JQuery的复选框选中、取消、全选,全不选问题
一.必须引入JQuery库: 下面是js代码: /*** * 服务管理块>>>复选框事件处理 */ //服务管理复选框被选中.取消$(function(){ $("#Ser ...
- libjpeg 交叉编译动态库和静态库
1.下载libjpeg库,解压之 得到了jpeg6b和libtool-2.2.4两个文件夹. 2.编译安装libtool工具. 这是配置libtool,这里需要注意:configure 参 ...
- php验证字符串是否以逗号隔开包括中文字符串
if(preg_match('/^[\x{4e00}-\x{9fa5}\w]+(,[\x{4e00}-\x{9fa5}\w]+)*$/u','体育,娱乐')){ echo 'ok';}
- 济南学习 Day 3 T2 am
看程序写结果(program)Time Limit:1000ms Memory Limit:64MB题目描述LYK 最近在准备 NOIP2017 的初赛,它最不擅长的就是看程序写结果了,因此它拼命地在 ...
- 转帖:使用TortoiseGit处理代码冲突
原址:http://www.cnblogs.com/jason-beijing/p/5718190.html 场景一 user0 有新提交 user1 没有pull -> 写新代码 -&g ...
- MD5加密方式
MD5加密是一种安全系数比较高的加密方式,具有不可逆的加密特征,就是很难进行破解,现在对MD5加密进行破解的方式还是采用跑数据库的方式,时间比较长,耗费性能比较大,所以一般的破解都是要收费的. C#中 ...
- ADO.NET笔记——将DataReader作为函数返回值
相关知识: 在很多情况下,可能把数据库的访问封装到一个函数中,通过该函数返回一个DataReader对象给调用者.例如定义函数:SqlDataReader returnDR(),然后再Main函数中调 ...
- Ubuntu14.04 安装 PHP cURL
今天遇到 Fatal error: Call to undefined function curl_init() in /xxx/xxxx/www/application/library/Ku/Htt ...
- PHP版本中的VC6,VC9,VC11,TS,NTS区别
以windows为例,看看下载到得php zip的文件名 php-5.4.4-nts-Win32-VC9-x86.zip VC6:legacy Visual Studio 6 compiler,是使用 ...
- 生动有趣的动画Toast--第三方开源--NiftyNotification
NiftyNotification在github上的项目主页是:https://github.com/sd6352051/NiftyNotificationNiftyNotification本身又依赖 ...