css_基础教程 android软件开发教程

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

说到CSS就不得不提到div了,现在呀布面的布局结构不能想以前的那样用table排版了,如果还用table的话,那就太士了,你说是不是呀,现在晚了,明天继续我们web学习之路.希望大家支持黑侠客。

1、css的应用

1、行内样式:如<p style="font:small; font-size:36px">sdfasfdasdf</p>

2、页面嵌入式:如<style type="text/css">

<!--

p {

text-decoration: underline;

}

-->

</style>

3、导入外部 <link href="1.css" rel="stylesheet" type="text/css">2、css的选择器,属性和值

HTML有标签,CSS有选择器。选择器是给内部和外部样式里面的样式命名。

每个选择器都有属性在{}里面,比如简单点像color,font-weight或background-color。

值在冒号(不是等号)后面,分号分离属性。如:

body {

font-size: 0.8em;

color: navy;

}

上面的意思是为body选择器设置font-size字体大小和color字体颜色。所以基本的,当它作用与HTML页面时,在body标签(整个窗口中的内容)之间的文字颜色是navy字体大小是0.8ems。3、css的颜色设置

color和background-color两者,两者可以在任何绝大部分html元素,包括body上使用,只要在标签中设置color字体的颜色和background-color背景颜色即可。

h1 {

color: yellow;

background-color: blue;

}4、css的文本字体设置

字体的设置:font-family;

字体的大小:font-size;

字体是否加粗:font-weight;

字体是否斜体:font-style;

英文的字体是否大小写font-transform;

字体是否要下划线:font-decoration;

中文和字母之间的间距:letter-spacing和word-spacing;

行高:line-height;

元素的位置: text-align;

body {

font-family: arial, helvetica, sans-serif;

font-size: 0.8em;

}

h1 {

font-size: 2em;

}

h2 {

font-size: 1.5em;

}

a {

text-decoration: none;

}

strong {

font-style: italic;

text-transform: uppercase;

}

p {

letter-spacing: 0.5em;

word-spacing: 2em;

line-height: 1.5;

text-align: center;

}

5、说到下面的东西先说一下盒子模型

CSS盒子模式

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

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

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

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

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

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

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

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

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

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

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

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

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

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