Heim >Web-Frontend >HTML-Tutorial >1-2Html与CSS的关系_html/css_WEB-ITnose

1-2Html与CSS的关系_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:54:06959Durchsuche

Html和CSS的关系

 

基于微信的后台开发需要掌握的基础知识包含有:HTML、CSS、JavaScript语言。

下面我们就来了解下这三门技术都是用来实现什么的:

 

1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的

一般都是用JavaScript来实现的。

在这里我们只学习HTML和CSS。

下面给大家布置一个任务,在完成任务的时候,看看效果。

 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>CCF浙商大学生分会- Html和CSS的关系</title><style type="text/css">h1{8.行9.行10.行}</style><h1>Hello World!</h1>


 1、在上面第8行输入字体大小属性:font-size:12px;

 2、在上面第9行输入字体颜色属性:color:#930;

 3、在上面第10行输入字体位置属性:text-align:center;

 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>CCF浙商大分会-Html基础知识教程</title><!--希望大家可以真正的学到东西--><h1>
<center>剑术的四重境界</center>
<br>第一柄,青光利剑,“凌厉刚猛,无坚不摧,弱冠前以之与河朔群雄争锋。” <br>第二柄,紫薇软剑,“三十岁前所用,误伤义士不祥,悔恨无已,乃弃之深谷。”<br>第三柄,玄铁重剑,“重剑无锋,大巧不工。四十岁前恃之横行天下。”<br>第四柄,柄已腐朽的木剑,原因是独孤求败“四十岁后,不滞于物,草木竹石均可为剑。”</h1>


                                                                                                                                         700832

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn