CSS简单笔记 android软件开发教程

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

一、加入样式表到HTML文档

1、内联样式

<p style="color: #F00">

2、内嵌样式

<style type="text/css">p {color: #F00;}</style>

3、外部样式

<link rel="stylesheet"type="text/ css" href="external.css"/>

4、样式表适用的环境

所有流行的浏览器都支持最普通的media属性。该属性可以应用到<link>元素中来确定样式表适用的环境。比如:

<link rel="stylesheet" media="handheld" type="text/ css" href="external.css"/>

说明样式表适用于手持设备。media支持的属性值有screen,print,all等

二、样式表的语法

CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。

基本格式如下:

selector {property: value} ,多个属性/值对必须由分号隔开。

选择符可以是多种形式:1、要定义样式的HTML标记,例如BODY、P、TABLE……,你可以通过此方法定义它的属性和值,属性和值要用冒号隔开:

body {color: black}2、类选择符,以点号开头,比如

.right {text-align: right}

应用类选择符到标记

在标记的class属性中填入类的名称,注意不要点号。如:

<div class="dreamdu1">连接div标签与dreamdu1样式<div>

<div class="dreamdu12px dreamdublack dreamdubold">使用空格分开多个样式连接div标签<div>

3、ID选择符

在HTML页面中ID参数指定了某个单一元素,ID选择符是用来对这个单一元素定义单独的样式,样式只应用于ID参数指定的元素。例如:

<p id="intro">

这个段落向右对齐

</p>

定义ID选择符要在ID名称前加上一个“#”号。下面这个例子,ID属性将匹配所有id="intro"的元素:

#intro

{

font-size:110%;

font-weight:bold;

color:#0000ff;

background-color:transparent

}

将ID和选择器结合

h2#title{

}

标识应用于ID属性为title的h2标记

4、选择符组

你可以把相同属性和值的选择符组合起来书写,用逗号将选择符分开,这样可以减少样式重复定义:

h1, h2, h3, h4, h5, h6 { color: green }

5、包含选择符

可以单独对某种元素包含关系定义的样式表,元素1里包含元素2,这种方式只对在元素1里的元素2定义,对单独的元素1或元素2无定义,

table a

{

font-size: 12px

}

三、样式表层叠

样式表层叠指可以将多个样式表应用到同一个页面元素,该元素展现所有应用的样式,对于多个样式表中重复定义的部分,高层样式将覆盖低层样式。最高层的样式是内联样式,其次是内嵌式样式,最后是外部样式。可以使用内联或内嵌式样式表覆盖外部定义的样式表。

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

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

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

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

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

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

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

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

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

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

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

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

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

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