CSS完全手则

合集下载

CSS内业成图简易操作手册

CSS内业成图简易操作手册

数字测图内业成图(实验)内业成图,CASS 9.0提供了“草图法”、“简码法”、“电子平板法”、等多种成图作业方式,并可实时地将地物定位点和邻近地物(形)点显示在当前图形编辑窗口中,操作十分方便。

“草图法”在内业工作时,根据作业方式的不同,分为“点号定位”、“坐标定位”、“编码引导”几种方法。

在确保计算机内有您要处理的坐标数据文件(如果没有,则要进行数据通讯)的前提下进行“草图法”内业成图工作。

详细见CASS 9.0用户手册。

1绘制平面图1.1 “点号定位”法作业流程1. 定显示区定显示区的作用是根据输入坐标数据文件的数据大小定义屏幕显示区域的大小,以保证所有点可见。

首先移动鼠标至“绘图处理”项,按左键,即出现如图1-1下拉菜单。

然后选择“定显示区”项,按左键,即出现一个对话窗如图1-2所示。

这时,需输入碎部点坐标数据文件名。

可直接通过键盘输入,如在“文件(N):”(即光标闪烁处)输入C:\CASS90\DEMO\YMSJ.DAT后再移动鼠标至“打开(O)”处,按左键。

也可参考WINDOWS选择打开文件的操作方法操作。

这时,命令区显示:最小坐标(米)X=87.315,Y=97.020 最大坐标(米)X=221.270,Y=200.002. 选择测点点号定位成图法移动鼠标至屏幕右侧菜单区之“测点点号”项,按左键,即出现图1-2所示的对话框。

图1-1 数据处理下拉菜单图1-2 选择测点点号定位成图法的对话框输入点号坐标点数据文件名C:\CASS90\DEMO\YMSJ.DAT后,命令区提示:读点完成!共读入60点。

3. 绘平面图根据野外作业时绘制的草图,移动鼠标至屏幕右侧菜单区选择相应的地形图图式符号,然后在屏幕中将所有的地物绘制出来。

系统中所有地形图图式符号都是按照图层来划分的,例如所有表示测量控制点的符号都放在“控制点”这一层,所有表示独立地物的符号都放在“独立地物”这一层,所有表示植被的符号都放在“植被园林”这一层。

高效整洁CSS代码原则(出色CSS代码的13个合理建议)

高效整洁CSS代码原则(出色CSS代码的13个合理建议)

CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则:1. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。

但需要注意的是,请不要使用全局Reset:*{ margin:0; padding:0; }这不仅仅因为它是缓慢和低效率的方法,而且还会导致一些不必要的元素也重置了外边距和内边距。

在此建议参考YUI Reset和Eric Meyer的做法。

我跟Eric Meyer的观点相同,Reset并不是一成不变的,具体还需要根据项目的不同需求做适当的修改,以达到浏览器的兼容和操作上的便利性。

我使用的Reset如下:/*清除内外边距*/body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, /*结构元素*/dl, dt, dd, ul, ol, li, /*列表元素*/pre, /* 文本格式元素*/form, fieldset, legend, button, input, textarea, /*表单元素*/th, td, /*表格元素*/img/*图片元素*/{border:medium none;margin: 0;padding: 0;}/*设置默认字体*/body,button, input, select, textarea {font: 12px/1.5 '宋体',tahoma, Srial, helvetica, sans-serif;}h1, h2, h3, h4, h5, h6 {font-size: 100%;}em{font-style:normal;}/*重置列表元素*/ul, ol { list-style: none; }/* 重置超链接元素*/a { text-decoration: none; color:#333;}a:hover { text-decoration: underline; color:#F40; }/*重置图片元素*/img{ border:0px;}/*重置表格元素*/table { border-collapse: collapse; border-spacing: 0; }2. 良好的命名习惯无疑乱七八糟或者无语义命名的代码,谁看了都会抓狂。

CSS超全笔记(适合新手入门)

CSS超全笔记(适合新手入门)

CSS超全笔记(适合新⼿⼊门)CSSCSS初识CSS(Cascading Style Sheets) 美化样式CSS通常称为CSS样式表或层叠样式表(级联样式表),主要⽤于设置HTML页⾯中的⽂本内容(字体、⼤⼩、对齐⽅式等)、图⽚的外形(宽⾼、边框样式、边距等)以及版⾯的布局等外观显⽰样式。

CSS以HTML为基础,提供了丰富的功能,如字体、颜⾊、背景的控制及整体排版等,⽽且还可以针对不同的浏览器设置不同的样式。

引⼊CSS样式表(书写位置)CSS可以写到那个位置?是不是⼀定写到html⽂件⾥⾯呢?内部样式表内嵌式是将CSS代码集中写在HTML⽂档的head头部标签中,并且⽤style标签定义,其基本语法格式如下:<head><style type="text/CSS">选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</style></head>语法中,style标签⼀般位于head标签中title标签之后,也可以把他放在HTML⽂档的任何地⽅。

type="text/CSS" 在html5中可以省略,写上也⽐较符合规范,所以这个地⽅可以写也可以省略。

⾏内式(内联样式)内联样式,⼜有⼈称⾏内样式、⾏间样式、内嵌样式。

是通过标签的style属性来设置元素的样式,其基本语法格式如下:<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>语法中style是标签的属性,实际上任何HTML标签都拥有style属性,⽤来设置⾏内式。

其中属性和值的书写规范与CSS样式规则相同,⾏内式只对其所在的标签及嵌套在其中的⼦标签起作⽤。

外部样式表(外链式)链⼊式是将所有的样式放在⼀个或多个以.CSS为扩展名的外部样式表⽂件中,通过link标签将外部样式表⽂件链接到HTML⽂档中,其基本语法格式如下:<head><link href="CSS⽂件的路径" rel="stylesheet" /></head>注意: link 是个单标签哦该语法中,link标签需要放在的三个属性head头部标签中,并且必须指定link标签,具体如下:href:定义所链接外部样式表⽂件的URL,可以是相对路径,也可以是绝对路径。

CSS帮助手册

CSS帮助手册

CSS帮助手册2篇CSS帮助手册(上)CSS(层叠样式表)是一种用于描述网页中元素的样式和布局的标记语言。

它通过为HTML元素添加样式,实现了网页的美化和个性化。

本篇文章将为大家介绍CSS的基本语法、选择器和常用样式属性。

一、CSS基本语法CSS的语法由选择器和声明块组成。

选择器用于选择需要添加样式的HTML元素,而声明块则包含了一系列样式属性和值。

1. 选择器选择器是CSS中最重要的部分,它用于指定需要应用样式的HTML元素。

常见的选择器有:- 元素选择器:通过HTML元素的标签名选择元素,如`p`表示所有`<p>`元素。

- 类选择器:通过HTML元素的`class`属性选择元素,如`.red`表示所有`class`为red的元素。

- ID选择器:通过HTML元素的`id`属性选择元素,如`#header`表示`id`为header的元素。

- 属性选择器:通过HTML元素的属性选择元素,如`[type="text"]`表示所有`type`属性为text的元素。

- 伪类选择器:通过HTML元素的特殊状态选择元素,如`:hover`表示鼠标悬停时的元素。

2. 声明块声明块由一对花括号`{}`包裹,每个声明由属性和值构成。

属性用于指定需要修改的样式,值用于指定属性的具体取值。

例如,下面的CSS代码将为所有`<p>`元素设置红色字体:```cssp {color: red;}```二、常用的CSS样式属性CSS提供了众多样式属性,可以用来修改HTML元素的外观和布局。

以下是常用的样式属性及其作用:1. 字体样式- `color`:用于设置文本颜色,值可以是颜色名称或RGB值。

- `font-size`:用于设置字体大小,值可以是像素、百分比或者其他单位。

- `font-family`:用于设置字体样式,值可以是字体名称或者字体族名称。

2. 边框样式- `border`:用于设置边框样式,属性值由边框宽度、边框样式和边框颜色组成。

Dreamweaver中编写CSS必须掌握技巧

Dreamweaver中编写CSS必须掌握技巧

Dreamweaver中编写CSS必须掌握的技巧Dreamweaver中编写CSS必需把握的技巧一般地讲,样式表(style sheet)就是掌握网页内容外观的格式化的规章的集合。

可以以三种不同的方式在你的页面中使用CSS:代码式(Inline):写入到代码中的一次性的样式。

内嵌式(Embedded):可掌握一个页面中全部元素的样式表外联式(External):可掌握很多页面中的元素的样式表事实上,很多站点都依据需要把这三种方式结合起来使用。

在使用CSS时一个需要重点考虑的事实是不同的扫瞄器以及同一扫瞄器的不同版本以不同的方式来解析CSS。

除了网络扫瞄器的差异之外,你还要意识到还有许多其他的扫瞄器,比如听力扫瞄器,基于电视的扫瞄器以及Palm pilot和TTY(teletypewriter,远程打字机)一类的手持设备。

最佳习惯是指什么?大多数技术都有自己商定俗成的标准。

CSS也不例外。

虽然并非网络上存在的全部CSS都很规范,但根据现有标准来使用CSS却还是不无裨益的。

一般来说,开发人员应尽可能将内容与报告分别开来。

这样做的好处在于:1:增加站点的寿命不规范的样式表可能在当时觉得很便利,但新版本的扫瞄器出来以后,很可能就会消失兼容性问题。

到时逐页修改站点就是一项特别费时的工作同时也使使用CSS失去了意义。

2:让你的站点对全部的用户以及扫瞄器都适用。

有些地方的政府已经立法要求网站必需让残障人士也同样可以扫瞄。

为残障熟悉设计的扫瞄设备,比如听力扫瞄器,对CSS规范性要求极其严格。

3:让站点更新和维护更加轻松。

使用方式得当的话,CSS可让你在一个页面中的调整快速应用到全部页面中去。

你首先要做的选择是使用哪一种样式表。

当涉及到最佳习惯时,对不同样式表的分析如下:Inline CSS;简洁地说,你应当尽量避开使用。

除了一些其他的缺点之外,使用Inline CSS意味着你并没有利用到CSS的真正优点,即你并没有将内容与格式分别开。

CSS速查手册

CSS速查手册

CSS速查‎手册(1)‎.txt爱‎人是路,朋‎友是树,人‎生只有一条‎路,一条路‎上多棵树,‎有钱的时候‎莫忘路,缺‎钱的时候靠‎靠树,幸福‎的时候别迷‎路,休息的‎时候靠靠树‎!CSS速‎查手册(1‎)hv‎e20‎01年 6‎0期‎‎D ream‎w eave‎r4是现今‎最好的网站‎编辑工具之‎一,用它来‎给网页制作‎C SS样式‎表会更简单‎、更方便。

‎本教程教你‎如何利用D‎r eamw‎e aver‎4在页面中‎加入CSS‎,你不用死‎记硬背代码‎标记,也不‎用去看很厚‎的CSS手‎册,就可以‎轻松自如的‎在网页中运‎用CSS。

‎不过首先你‎要对CSS‎有一定的了‎解。

因此,‎本教程的前‎面4章为C‎S S理论知‎识,主要是‎对CSS的‎全面介绍,‎希望读者看‎后对CSS‎的语法、结‎构、应用有‎一个全面的‎了解;后面‎4章为DW‎实战,主要‎是教你如何‎把Drea‎m weav‎e r4的C‎S S灵活运‎用在网页中‎。

阅读此文‎前,你需要‎对HTML‎有一定的了‎解,并会使‎用Drea‎m weav‎e r4。

‎‎#1 ‎一、认‎识CSS‎C‎S S就是C‎a scad‎i ng S‎t yle ‎S heet‎s,中文翻‎译为“层叠‎样式表”,‎简称样式表‎,它是一种‎制作网页的‎新技术。

‎网‎页设计最初‎是用HTM‎L标记来定‎义页面文档‎及格式,例‎如标题<h‎1>、段落‎<p>、表‎格<tab‎l e>、链‎接<a>等‎,但这些标‎记不能满足‎更多的文档‎样式需求,‎为了解决这‎个问题,在‎1997年‎W3C(T‎h e Wo‎r ld W‎i de W‎e b Co‎n sort‎i um)颁‎布HTML‎4标准的同‎时也公布了‎有关样式表‎的第一个标‎准CSS1‎,自CS‎S1的版本‎之后,又在‎1998年‎5月发布了‎C SS2版‎本,样式表‎得到了更多‎的充实。

WEB_CSS 完全手则

WEB_CSS 完全手则

textIndent div { text-indent : -5px; } div { text-indent : underline 10%; } text-
overflow IE6+ text-overflow : clip | ellipsis : : 3 34
clip ellipsis
textOverflow div { textoverflow : clip; } vertical-align CSS1/CSS2 IE4+ NS4+ vertical-align : baseline |sub | super |top |text-top |middle |bottom |text-bottom |length baseline : valign sub : super : top : valign text-top : valign middle : valign bottom : valign text-bottom : valign length : CSS2 | 0 0% IE5 verticalAlign td { vertical-align : center; } text-align CSS1 IE4+ NS4+ text-align : left | right | center | justify left : right : center : justify :
opacity :
length
0
2
34
:first-letter
:first-line
IE5.5 textShadow p { text-shadow: 0px 0px 20px yellow, 0px 0px 10px orange, red 5px -5px; } p:first-letter { font-size: 36px; color: red; text-shadow: red 0px 0px 5px;} font-variant CSS1 IE4+ NS6+ fontvariant : normal | small-caps normal small-caps : : fontVariant span { font-variant: smallcaps; } text-transform CSS1 IE4+ NS4+ text-transform : none | capitalize | uppercase | lowercase none : capitalize : uppercase : lowercase :

结合CSS与傅里叶描述予的手势特征提取

结合CSS与傅里叶描述予的手势特征提取
第3 8卷 第 6期
、 .8 b13






21 0 2年 3月
M ac r h 201 2
No. 6
Com p t rEn i e i u e g ne rng
人工 智 能及 识别 技 术 ・
文章 编号:1o. 8 o2 每_ 7—0 文献标识码: oo 2( 1) _ 18 3 _ 2 o 0 A
faue E p r na rsl ei eefcie eso i n w faueo tt etr c g io yi i c r c t 9 .% , o ae t e tr. x ei tleut vryt f t n s fhs e tr ns i g s er o nt nb s 曲 or tae 83 c mprdwi me s fh e v t e ac u e i th e r h
ta ii n l pp o c s r d to a a r a he .
I yw r s io ae ;tt etr aue CS hp ec po ; o r r ec po;o afaue go a a r Kc o d ]vs nb sd saig s ef tr; Ssaed sr trF u e sr trlcletr; lb let e i c u e i i d i f u DoI 1 .9 9jsn10 —4 82 1 . . 8 : 03 6 /i . 03 2 . 20 0 .s 0 0 65
越来越 广泛 的关注 。 目前 已被应 用到人机交互、智能家 电、 哑语识 别及机器人 的示范 学习等各 种领 域中 。根据外围设备 的不同 ,将手势识别分为基于数据手套 的手 势识 别和基于视

CSS命名及书写规范

CSS命名及书写规范

CSS命名及书写规范CSS命名规范一.文件命名规范全局样式:global.css;框架布局:layout.css;字体样式:font.css;链接样式:link.css;打印样式:print.css;二.常用类/ID命名规范页眉:header内容:content容器:container页脚:footer版权:copyright导航:menu主导航:mainMenu子导航:subMenu标志:logo标语:banner标题:title侧边栏:sidebar图标:Icon注释:note搜索:search按钮:btn登录:login链接:link信息框:manage……常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。

对于二级类/ID命名,则采用组合书写的模式,后一个单词的首字母应大写:诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn”……CSS书写规范及方法1.常规书写规范及方法1. 选择DOCTYPE:XHTML 1.0 提供了三种DTD声明可供选择:过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。

完整代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>。

完整代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""/TR/xhtml1/DTD/xhtml1-strict.dtd">框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。

手把手教你使用CSS编写漂亮的界面

手把手教你使用CSS编写漂亮的界面

手把手教你使用CSS编写漂亮的界面CSS(层叠样式表)是一种用于定义网页样式的语言,它可以控制网页的布局和外观。

在今天的互联网世界中,拥有一个漂亮的界面对于网页的成功至关重要。

本文将以实例的形式,手把手地教你使用CSS编写漂亮的界面。

一、选择适合的颜色颜色是界面设计中至关重要的元素之一。

选择适合的颜色可以使你的界面更加吸引人。

在CSS中,可以使用颜色名称、十六进制值或RGB值来表示颜色。

例如,你想要给一个文本设置颜色为蓝色,你可以在CSS中这样写:```csscolor: blue;```如果你想要使用特定的颜色,你可以使用十六进制值或RGB值:```csscolor: #ff0000; /* 十六进制值表示红色 */color: rgb(255, 0, 0); /* RGB值表示红色 */```二、布局布局是网页设计的基础。

通过CSS的布局属性,你可以将元素放置在页面的特定位置。

一个常见的布局属性是`display`。

它可以控制元素的显示类型,比如`block`、`inline`、`inline-block`等。

通过使用这些属性,你可以轻松地控制元素在页面上的布局。

还有一个重要的属性是`position`,它可以控制元素的定位方式。

使用这个属性,你可以将元素设置为相对于页面的某个位置或相对于其他元素的位置。

例如,你想要将一个元素设置为块级元素并使其居中显示,你可以在CSS中这样写:```cssdisplay: block;margin: 0 auto;```如果你想要将一个元素的位置固定在页面的右上角,你可以在CSS中这样写:```cssposition: fixed;top: 0;right: 0;```三、字体和文本样式字体和文本样式对于界面的设计也非常重要。

通过CSS的字体属性,你可以自定义网页中的字体大小、字体类型和字体样式。

例如,你想要设置一个段落的字体大小为16像素,你可以在CSS中这样写:```cssfont-size: 16px;```如果你想要设置一个标题的字体为斜体,你可以在CSS中这样写:```cssfont-style: italic;```你还可以使用`text-decoration`属性添加下划线、删除线等样式。

CSS实战篇:十天学会Web标准DIVCSS网页标准布局实例教程-IT168文库

CSS实战篇:十天学会Web标准DIVCSS网页标准布局实例教程-IT168文库

第一天XHTML CSS基础知识欢迎大家学习《十天学会web标准》,也就是我们常说的DIV+CSS。

不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准。

学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局。

如果您刚开始学习网页制作,不知道什么是表格布局及html和css,建议您先去充电,否则学习本教程会非常吃力或者根本就听不懂。

由于时间关系,本教程只讲解一些基础知识,让您从原来的表格布局跨入到web标准(div+css)布局,会使用web标准制作出常见的页面,这也达到了本教程的目的。

本教程多以实例形式循序渐进讲解,实例涉及到哪些关键点或难点就讲解什么,较少讲解概念。

因为概念这些东西很难说明白,或者说明白你也不一定能听懂,听懂了也不一定能理解。

所以把概念留给大家以后再深入研究。

由于章节关系,没有把css和css hack单独分出,只是在用到的时候穿插入讲解了。

html基础和css基础只在第一节中介绍了几点重要的。

下面我们开始第一天的学习一、xhtml css基础知识首先说一下我们这节课的知识点1.文档类型2.语言编码3.html标签4.css样式5.css优先级6.css盒模型组成1)文档类型当我们用dreamweaver新建一下html格式文档时,查看源代码,会发现代码最上部有如下这句话:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/xhtml1/DTD/xhtml1-transitional.dtd">这句话标明本文档是过渡类型,另外还有框架和严格类型,目前一般都采用过渡类型,因为浏览器对XHTML的解析比较宽松,允许使用HTML4.01 中的标签,但必须符合XHTML的语法。

许多朋友在制作页面时,往往喜欢把这句删除掉,在这里建议大家一定要保留这句话,删除它后可能引起某些样式表失效或其它意想不到的问题。

手把手教你编写HTML和CSS

手把手教你编写HTML和CSS

手把手教你编写HTML和CSSHTML(超文本标记语言)和CSS(层叠样式表)是前端开发中最为基础的两种编程语言。

HTML用于创建网页结构,而CSS则负责美化网页的样式。

掌握这两种语言将为你成为一名优秀的前端开发人员打下坚定的基础。

在本文中,我们将手把手教你如何编写HTML和CSS,为你的前端开发之路插上一双翅膀。

一. HTML基础知识HTML是一种用于创建网页的标记语言,它由一系列的标签组成。

每个HTML 标签都有特定的用途,比如创建标题、段落或者图片等等。

以下是HTML中最常用的一些标签及其用法:1. <html>:定义HTML文档的根元素。

2. <head>:定义HTML文档的头部,包含一些元数据,比如页面的标题等。

3. <title>:定义网页的标题,将显示在浏览器的标题栏中。

4. <body>:定义HTML文档的主体部分,包含网页的内容。

5. <h1>到<h6>:定义标题,从<h1>到<h6>分别表示不同级别的标题。

6. <p>:定义段落,用于展示一段文字内容。

7. <img>:插入图片,需要指定图片的文件路径和一些其他属性。

以上只是HTML标签的冰山一角,当然还有许多其他标签和属性。

掌握HTML标签的使用方法是编写网页的基础。

二. CSS样式美化CSS是一种用于控制网页样式的语言,它可以改变HTML元素的外观和布局。

通过CSS,我们可以改变网页的字体、颜色、大小、边框和背景等属性。

下面是一些常用的CSS属性:1. color:设定元素的字体颜色。

2. font-size:设定元素的字体大小。

3. font-family:设定元素的字体样式。

4. background-color:设定元素的背景颜色。

5. border:设定元素的边框样式。

通过将CSS样式与HTML标签结合使用,我们可以给网页添加美观的外观。

CSS完全手则(PDF版)

CSS完全手则(PDF版)

CSS完全手则属性字体font版本:CSS1/CSS2兼容性:IE4+NS4+继承性:有语法:font:font-style||font-variant||font-weight||font-size||line-height ||font-familyfont:caption|icon|menu|message-box|small-caption| status-bar参数:该属性是复合属性。

第一种声明方式请参阅各参数对应的属性。

第二种声明方式中的参数属于CSS2。

caption:使用有标题的系统控件的文本字体(如按钮,菜单等)icon:使用图标标签的字体menu:使用菜单的字体message-box:使用信息对话框的文本字体small-caption:使用小控件的字体status-bar:使用窗口状态栏的字体说明:设置或检索对象中的文本特性。

该属性是复合属性。

第一种声明方式参数必须按照如上的排列顺序。

每个参数仅允许有一个值。

忽略的将使用其参数对应的独立属性的默认值。

对于如何使用用户端系统可能没有的字体,可以参阅@font-face 规则。

对应的脚本特性为font。

请参阅我编写的其他书目。

示例:p{font:italic small-caps60012pts/18pts宋体;}p{font:italic small-caps60012pts/150%Courier;}p{font:italic small-caps60012pts/1.5Courier;}p{font:italic small-caps60012pts/18pts Courier;}p{font:/18pts serif;}p{font:oblique10024pts;}H1{font:15pt/17pt bold"Arial"normal}color版本:CSS1兼容性:IE4+NS4+继承性:有语法:color:color参数:color:指定颜色。

css语法手册全集(不看你会后悔的)

css语法手册全集(不看你会后悔的)

CSS 语法手册全集(不看你会后悔的!)CSS 语法手册(一)字体属性1、font-family功能:用于改变HTML 标志或元素的字体,你可设置一个可用字体清单。

浏览器由前向后选用字体。

powered by 语法:{font-family: 字体1, 字体2, ... , 字体n} 例子:字体2、font-style 功能:使文本显示为扁斜体或斜体等表示强调。

数值:normal - 正常italic - 斜体oblique - 偏斜体例子:NormalItalic Oblique3、font-variant 功能:用于在正常与小型大写字母字体间切换。

数值:normal -如果该标志继承父元素的small-caps 设置,则关键字normal 将font-variant 设置为正常字体。

small-caps- 把小写字母显示为字体较小的大写字母。

例子:FONT-VARIANT4、font-weight 功能:用于设置字体灰度,生成字体的深,浅版本。

数值:正常灰度- normal相对灰度- bold, bolder, light, lighter梯度灰度- 取值如下:100, 200, 300, 400( 相当于normal), 500, 600, 700( 相当于bold), 800, 900 。

例子:字体灰度5、font-size 功能:用各种度量单位控制文本字体大小。

数值:有四种数值方式绝对尺寸- 用具体字号表定义字体大小,可以取下列数值之一:xx - small, x-small, small, medium, large, x-large, xx-large 。

不同字体有不同的数值。

相对尺寸- larger, smaller ,产生的尺寸是相对于父容器字号而言的。

长度- 用毫米(mm) ,厘米(cm) ,英寸(in) ,点数(pt) ,象素(px),pica(pc) , ex(小写字母x的高度咸em(字体高度)作为度量单位。

Flex Css完全手册

Flex Css完全手册

目录在FLEX中使用样式方法 (3)一.使用本地样式定义 (3)二、使用外部样式表 (3)三、使用内联样式 (4)四、使用setStyle()方法 (4)五、脚本方法 (5)Application组件样式属性 (5)panel组件样式属性 (5)color文本颜色 (7)TabNavigator组件样式属性 (7)color主体内容的文本颜色 (9)color标签头文字的颜色 (11)LinkBar组件样式属性 (12)color链接文字颜色 (13)List组件样式属性 (15)color文字颜色 (18)Tree组件样式属性 (18)color文本颜色 (19)TextInput组件样式属性 (19)borderColor边框颜色 (20)CheckBox组件样式属性(包含单选和多选) (23)在FLEX中使用样式方法一.使用本地样式定义使用<mx:Style>标签在MXML文件中创建本地的样式定义。

这个标签包含了符合CSS2.0语法的样式表定义。

这些定义会应用到当前文档以及当前文档的子文档。

<mx:style>.solidBorder{//类选择样式border-style:solid;}button{//组件定义样式border-style:solid;}....</mx:style>//应用到组件<mx:VBoxstyleName="solidBorder"/><mx:button/>//文档中的button自动应用样式表中的样式二、使用外部样式表FLEX支持外部CSS样式表。

要应用一个样式表到当前文档和子文档,使用<mx:Style>标签中的source属性。

<mx:Application...><mx:Stylesource="style/style.css"/>//载入外部样式表...</mx:Application>style.css文件中的样式表定义与本地样式定义相同。

css hack手册集合

css hack手册集合

CSS hack 完全手册( IE5.5 IE6 IE7 FF Opera Safari Chrome )Comments 区别IE和w3c的方法.hack {width:600px; /* FF */* width:700px; /* IE */}——————————————————————————–区别IE5.5、IE6、IE7、w3c.qq{background:#f00; /* w3c*/*background:#00f!important; /* IE7 */_background:#0f0; /* IE6 */_background /**/:#ccc /* IE5.5 */}——————————————————————————–针对Opera、Safari 、Chrome.qq { background: #000; } /* IE FF */@media all and (min-width:0px){.qq { background: #000; } /* Opera、Safari 、Chrome */}ChromeCSSFirefoxhackIEOperaSafari如何实现FireFox文本自动换行七月5th, 2008 2 Comments FireFox文本自动换行处理,如何实现FireFox文本自动换行文本自动换行IE中解决方法:word-wrap:break-word;word-break:break-all;注:在要换行的内容相应的单元格或者DIV里加入,如:<div style=word-wrap:break-word;></div>或<td style=word-wrap:break-word;></td> 文本自动换行FireFox中解决方法(脚本):<script type=‖text/javascript‖>function toBreakWord(intLen, id){var obj=document.getElementById(id);var strContent=obj.innerHTML;var strTemp=‖";while(strContent.length>intLen){strTemp+=strContent.substr(0,intLen)+‖<br>‖;strContent=strContent.substr(intLen,strContent.length);}strTemp+= strContent;obj.innerHTML=strTemp;}</script>注:以上脚本放在</head>前面.调用时如下写法:同个页面单处调用:<div id=‖content‖>这里是要应用换行的内容</div><scriptlanguage=‖javascript‖>toBreakWord(60, ―content‖);</script>同个页面多处调用:<div id=‖content‖>这里是要应用换行的内容</div><scriptlanguage=‖javascript‖>toBreakWord(60, ―content‖);</script><div id=‖content2″>这里是要应用换行的内容</div><scriptlanguage=‖javascript‖>toBreakWord(60, ―content2″);</script>注:把应用的JS写在</div>后面,其中60表示一行要显示多少字字符,注意多个调用时ID的相应变化,不能同一个ID名称,应用上面的方法后IE也会是按设定的字符数换行,但是IE里面支持自动换行,所以只要判断一下是否为IE,如果不是IE就不要输出上面的<script language=‖javascript‖>toBreakWord(60, ―content‖);</sc ript>这段JS,如果不是就要输出。

touch-actioncss属性滚动和缩放手势

touch-actioncss属性滚动和缩放手势

touch-actioncss属性滚动和缩放⼿势
CSS 属性 touch-action ⽤于指定某个给定的区域是否允许⽤户操作,以及如何响应⽤户操作(⽐如浏览器⾃带的划动,缩放等)
默认情况下,平移(滚动) 和缩放⼿势由浏览器专门处理。

该属性⽤于取消浏览器默认⼿势⾏为,开发⼈员⾃定义滚动和⼿势⾏为。

touch-action的值:
auto : 当触控事件发送在元素上时,由浏览器来决定进⾏那些操作,⽐如viewport进⾏平滑缩放。

none : 当触控事件发⽣在元素上时,不进⾏任何操作
pan-x : 启⽤单指⽔平平移⼿势
pan-y : 启⽤单指垂直平移⼿势。

manipulation : 只可以进⾏滚动和持续缩放操作。

如双击缩放等别的⼿势
pinch-zoom : 启⽤多⼿指平移和缩放页⾯,这可以和任何平移值组合如touch-action:pan-x pan-y pinch-zoom;
最常见的⽤法时禁⽤元素(及其不可滚动的后代)上的所有⼿势,以使⽤⾃⼰提供的拖放和缩放的⾏为
touch-action:none;
还有⼀个⽤法是使⽤指针事件处理⽔平平移的图⽚轮播,但不想⼲扰页⾯的垂直滚动或缩放
touch-action:pan-y pinch-zoom;
解决双击缩放⼿势引起的点击事件延迟
touch-action:manipulation;。

用css添加手状样式,鼠标移上去变小手,变小手

用css添加手状样式,鼠标移上去变小手,变小手

⽤css添加⼿状样式,⿏标移上去变⼩⼿,变⼩⼿⽤css 添加⼿状样式,⿏标移上去变⼩⼿,变⼩⼿
⽅式⼀、
cursor:pointer;
cursor:hand 与 cursor:pointer 的效果是⼀样的,都像光标指向链接⼀样,光标变成⼿⾏。

cursor:hand :IE完全⽀持。

但是在firefox是不⽀持的,没有效果。

cursor:pointer :是CSS2.0的标准。

所以firefox是⽀持的,但是IE5.0既之前版本不⽀持。

IE6开始⽀持。

结论:还是⽤ cursor:pointer 来的⽅便
⽤JS使⿏标变⼩⼿onmouseover(⿏标越过的时候)
onmouseover="this.style.cursor='hand'"
⽅式⼆、
href="javascript:void(0)" 或者 href="#"
cursor其他取值
auto :标准光标
default :标准箭头
pointer, hand :⼿形光标
wait :等待光标
text :I形光标
vertical-text :⽔平I形光标
no-drop :不可拖动光标
not-allowed :⽆效光标
help :帮助光标
all-scroll :三⾓⽅向标
move :移动标
crosshair :⼗字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

CSS 完全手则属性字体font 版本:CSS1/CSS2 兼容性:IE4+ NS4+ 继承性:有语法:font : font-style || font-variant || font-weight || font-size || line-height || font-familyfont : caption | icon | menu | message-box | small-caption | status-bar 参数:该属性是复合属性。

第一种声明方式请参阅各参数对应的属性。

第二种声明方式中的参数属于CSS2。

caption : 使用有标题的系统控件的文本字体(如按钮,菜单等)icon : 使用图标标签的字体menu : 使用菜单的字体message-box : 使用信息对话框的文本字体small-caption : 使用小控件的字体status-bar : 使用窗口状态栏的字体说明:设置或检索对象中的文本特性。

该属性是复合属性。

第一种声明方式参数必须按照如上的排列顺序。

每个参数仅允许有一个值。

忽略的将使用其参数对应的独立属性的默认值。

对于如何使用用户端系统可能没有的字体,可以参阅@font-face规则。

对应的脚本特性为font。

请参阅我编写的其他书目。

示例:p { font: italic small-caps 600 12pts/18pts 宋体; }p { font: italic small-caps 600 12pts/150% Courier; }p { font: italic small-caps 600 12pts/1.5 Courier; }p { font: italic small-caps 600 12pts/18pts Courier; }p { font: /18pts serif; }p { font: oblique 100 24pts; }H1 { font: 15pt/17pt bold "Arial" normal }color 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有语法:color : color参数:color : 指定颜色。

请参阅颜色单位和附录:颜色表说明:检索或设置对象的文本颜色。

无默认值。

注意,用颜色名称指定color 不被一些浏览器接受。

对应的脚本特性为color。

请参阅我编写的其他书目。

示例:div {color: #345456; }div { color: rgb(100,14,200); }div {color: menu; }div {color: red; }font-family 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有语法:font-family : namefont-family : cursive | fantasy | monospace | serif | sans-serif参数:name : 字体名称。

按优先顺序排列。

以逗号隔开。

如果字体名称包含空格,则应使用引号括起第二种声明方式使用所列出的字体序列名称。

如果使用fantasy 序列,将提供默认字体序列说明:设置或检索用于对象中文本的字体名称序列。

默认值由浏览器确定。

序列可包含嵌入字体字体。

请参阅@font-face 规则。

对应的脚本特性为fontFamily。

请参阅我编写的其他书目。

示例:div.fixedwidth { font-family: Courier, "Courier New", monospace } font-size 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有语法:font-size : absolute-size | relative-size | length参数:absolute-size : 根据对象字体进行调节。

xx-small | x-small | small| medium | large | x-large | xx-largerelative-size : 相对于父对像中字体尺寸进行相对调节。

使用成比例的em 单位计算。

larger | smallerlength : 百分数| 由浮点数字和单位标识符组成的长度值,不可为负值。

其百分比取值是基于父对象中字体的尺寸。

请参阅长度单位说明:设置或检索对象中的字体尺寸。

默认值为absolute-size 的medium值。

对应的脚本特性为fontSize。

请参阅我编写的其他书目。

示例:p { font-style: normal; }p { font-size: 12px; }p { font-size: 20%; }font-size-adjust 版本:CSS2 兼容性:NONE 继承性:有语法:font-size-adjust : none | number参数:none : 允许字体序列中每一字体遵守它的自己的尺寸number : 为字体序列中所有字体强迫指定同一尺寸1说明:设置或检索用于对象中文本的字体名称序列是否强制使用同一尺寸。

目前IE5.5 尚不支持此属性。

对应的脚本特性为fontSizeAdjust。

请参阅我编写的其他书目。

示例:p { font-family: arial, courier; font-size-adjust: none; }p { font-family: verdana, courier; font-size-adjust: .56; }font-stretch 版本:CSS2 兼容性:NONE 继承性:有语法:font-stretch : normal | narrower | wider | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded参数:normal : 不应用拉伸变形narrower : 使用比当前设置的值导致字体宽度更小的值wider : 使用比当前设置的值导致字体宽度更大的值说明:设置或检索用于对象中文本的文字是否横向的拉伸变形。

改变是相对于浏览器显示的字体的正常宽度的。

目前IE5.5 尚不支持此属性。

对应的脚本特性为fontStretch。

请参阅我编写的其他书目。

示例:p { font-stretch: wider; }p { font-stretch: ultra-expanded; }font-style 版本:CSS1 兼容性:IE4+ NS4+ 继承性:有语法:font-style : normal | italic | oblique参数:normal : 正常的字体italic : 斜体。

对于没有斜体变量的特殊字体,将应用oblique oblique : 倾斜的字体说明:设置或检索对象中的字体样式。

对应的脚本特性为fontStyle。

请参阅我编写的其他书目。

示例:p { font-style: normal; }p { font-style: italic; }p { font-style: oblique; }语法:font-weight : normal | bold | bolder | lighter | number参数:normal : 正常的字体。

相当于number 为400。

声明此值将取消之前任何设置bold : 粗体。

相当于number 为700。

也相当于b 对象的作用bolder : IE5+ 特粗体lighter : IE5+ 细体number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 说明:设置或检索对象中的文本字体的粗细。

作用由用户端系统安装的字体的特定字体变量映射决定。

系统选择最近的匹配。

也就是说,用户可能看不到不同值之间的差异。

对应的脚本特性为fontWeight。

请参阅我编写的其他书目。

示例:span { font-weight:800; }text-decoration 版本:CSS1 兼容性:IE4+ NS4+ 继承性:无语法:text-decoration : none || underline || blink || overline || line-through 参数:none : 无装饰blink : 闪烁underline : 下划线line-through : 贯穿线overline : 上划线说明:检索或设置对象中的文本的装饰。

有href 特性的a,以及u,ins 对象默认值为underline 。

对象strike,s,del,默认值是line-through。

没有文本的对象此属性不会作用。

对应的脚本特性为textDecoration。

请参阅我编写的其他书目。

示例:div { text-decoration : underline; }div { text-decoration : underline overline; }text-underline-position 版本:IE5.5+专有属性继承性:有语法:text-underline-position : below | above参数:below : 在文本下面above : 在文本上面说明:设置或检索text-decoration 属性定义的下划线的位置。

对应的脚本特性为textUnderlinePosition。

请参阅我编写的其他书目。

示例:p { text-underline-position: above; text-decoration: underline; } text-shadow 版本:CSS2 兼容性:NONE 继承性:无2语法:text-shadow : color || length || lenth|| opacity参数:color : 指定颜色。

请参阅颜色单位和附录:颜色表length : 由浮点数字和单位标识符组成的长度值。

可为负值。

第一个length 指定阴影的水平延伸距离。

第二个length 指定阴影的垂直延伸距离。

请参阅长度单位opacity : 由浮点数字和单位标识符组成的长度值。

不可为负值。

指定模糊效果的作用距离。

如果你仅仅需要模糊效果,将前两个length 全部设定为0。

请参阅长度单位说明:设置或检索对象中文本的文字是否有阴影及模糊效果。

可以设定多组效果,方式是用逗号隔开。

可以被用于伪类:first-letter 和:first-line。

相关文档
最新文档