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\4f53;}

.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}

.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;}

时间: 2024-10-05 04:58:12

CSS function--功能样式的相关文章

CSS控制列表样式属性list-style有哪些?怎么用?

CSS列表样式属性list-style有哪些类型?不同类型CSS控制列表样式使用时该注意什么? 这是W3Cschool用户Shirley于2016-11-10在W3Cschool编程问答提出的问题.云南小天使的回答很好的帮助了众多遇到同样问题的网友原文地址http://www.w3cschool.cn/css3/question-10231611.html 以下为回答原文: 一.什么是CSS列表? CSS列表是HTML里一种很有用的显示方式,可以把相关的并列内容整齐地垂直排列,使网页显得整洁专业

精通CSS+DIV网页样式与布局--图片效果

提到图片效果,小伙伴们可能会想到美图秀秀,ps等,这些软件都是款非常不错的照片处理软件,包括常用的:黑白,增强,高斯,高对比,夜视,老照片和铅笔画等等.不管你是否是专业的 照片拍摄人员,我们都可以通过照片处理软件轻松实现自己想要的照片效果.这篇博客,小编将继续来总结CSS+DIV的其她效果来进行分析,有兴趣的小伙伴可以点击以下链接,了解小编之前讲解过的关于CSS的一些基础知识:     精通CSS+DIV网页样式与布局--初探CSS 精通CSS+DIV网页样式与布局--CSS文字效果 精通CSS

angular学习笔记(九)-css类和样式3

再来看一个选择li列表的例子: 点击li中的任意项,被点击的li高亮显示: <!DOCTYPE html> <html ng-app> <head> <title>6.3css类和样式</title> <meta charset="utf-8"> <script src="../angular.js"></script> <script src="scri

angular学习笔记(九)-css类和样式2

在上一个例子中,元素的类名使用拼接的方法,这样,类名中就不得不带有true或false,并且不易维护,所以,angular使用ng-class属性来控制元素的类名: 我们来看一个小例子,点击error按钮,顶部提示错误框,点击warning按钮,顶部提示警告框. 错误框的类名是.err,警告框的类名是.warn: <!DOCTYPE html> <html ng-app> <head> <title>6.2css类和样式</title> <

css闪动效果 ----样式发生快速的变化

<!DOCTYPE > <html> <head> <title>JS+CSS做文字闪烁</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> .wa{ font-size:13px; color: #0000FF; } .wa2{ font-size:13px; col

前端极易被误导的css选择器权重计算及css内联样式的妙用技巧

记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前端群里还发现以上观点类似的奇葩聊天,真是*** 其实,也是在很久以前,看了腾讯ISUX的一位前端工程师-麦时分享的一篇技术文章(个人站点已失效,就不贴出来了),才了解到真正的css选择器权重计算. 以下是css选择器权重计算精华所在,翻译自国外的文档(记得是W3C给出的计算规则) 如果一个声明来自s

css对网页样式控制

1.方便修改网页格式:css对网页样式的控制可以独立地进行,因而修改.更新起网页起来都显得异常轻松容易. 2.轻松增加网页的特殊效果:在网页中过多的使用图像会破坏原有文字的存储格式,并且会加长下载时间,如果使用了css中的图像滤镜,就可以在不增加网页体积的情况下实现一些特殊的视觉效果,为网页添加生气. 3.使用网页元素更准确的定位:之前HTML中使用的表格用来定位表格元素,而且表格只适用于规则的网页排版,对于复杂的不规则的网页结构就显得力不从心,而css能很好的解决排版问题. 4.良好的适应性:

功能样式:Lambda函数和映射

一等函数:Lambda函数和映射 什么是一流的功能? 您之前可能已经听过它说某种特定的语言是有用的,因为它具有"一流的功能".正如我在本系列关于函数式编程的第一篇文章中所说,我不同意这种流行的看法.我同意一流函数是任何函数式语言的基本特性,但我不认为这是语言功能的充分条件.有很多命令式语言也有此功能.但是,什么是一流的功能?当函数可以被视为任何其他值时,函数被描述为第一类 - 也就是说,它们可以在运行时动态分配给名称或符号.它们可以存储在数据结构中,通过函数参数传入,并作为函数返回值返

js访问外部的css 来修改样式

js访问外部的css 来修改样式,布布扣,bubuko.com