CSS初级入门:文字的属性 android软件开发教程

  次阅读 作者:智能小宝 来源:互联网 2016-03-25 16:39 我要评论(0)

文字属性

文字属性是可以设置文字的颜色、大孝字型、粗细等等。

原始代码

<STYLE>

SPAN.c1 {color:red;position:relative;font-size:12px;font-family:Arial;font-weight:700}

SPAN.c2 {color:blue}

SPAN.c3 {color:green}

SPAN.c4 {color:pink}

</STYLE>

<SPAN CLASS=c1>A</SPAN>

<SPAN CLASS=c2>B</SPAN>

<SPAN CLASS=c3>C</SPAN>

<SPAN CLASS=c4>D</SPAN>

显示结果

A

B

C

D

文字颜色 { COLOR }

语法:{ COLOR : ( color ) }

原始代码

<STYLE>

SPAN.test {color:red}

</STYLE>

<SPAN CLASS=test>A B C D</SPAN>

显示结果

A B C D

文字类别 { FONT }

设置字体样式、大小写变化、粗细、大孝文字行列高度、字型

语法:{ FONT : ( font-style )?( font-variant )?( font-weight )?( font-size )?( font-family )?/ ( line-height ) }

原始代码

<STYLE>

SPAN.test {FONT:ITALIC BOLD 12pt/18pt}

</STYLE>

<SPAN CLASS=test>A B C D</SPAN>

显示结果

A B C D

下载字型 { @FONT-FACE }

语法:@FONT-FACE { FONT-FAMILY : ( font-family ) ; SRC : URL ( url ) }

原始代码

<STYLE>

@FONT-FACE { FONT-FAMILY : (未定) ; SRC : URL ( 下载地址 ) }

</STYLE>

显示结果

没有结果

文字字型 { FONT-FAMILY }

语法:{ FONT-FAMILY : ( font-name )?( generic-family ) }

原始代码

<STYLE>

SPAN.test {FONT-FAMILY:"Arial Black"}

</STYLE>

<SPAN CLASS=test>A B C D</SPAN>

显示结果

A B C D

文字大小 { FONT-SIZE }

设定字体大小 ( 可设单位属性 : 点 pt、英寸 in、公分 cm、像素 px、百分比 % )

语法:{ FONT-SIZE : LARGE?MEDIUM?SMALLER?( length )?( percentage ) }

原始代码

<STYLE>

SPAN.test1 {FONT-SIZE:LARGE}

SPAN.test2 {FONT-SIZE:10pt}

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...