UPUPD技术论坛

标题: 【HTML基础】-1.2-掌握Html和CSS的关系 [打印本页]

作者: 洛尘 时间: 2015-9-16 10:35
标题: 【HTML基础】-1.2-掌握Html和CSS的关系

本节课程所要了解的知识点：

web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。

下面我们就来研究研究这三门技术都是用来干什么的：

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

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

3.JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或是鼠标滑过表格的背景颜色有改变。还有就是焦点新闻（幻灯图片，咱们论坛首页的焦点图）的轮换。也可以理解为有动画的，有交互的一般都是用JavaScript来实现的。

下面给大家布置一个任务：

我们一起来试试看为Hello world添加样式

1.找出我们上节课完成的代码

2.在<h1>标签里输入style=''font-size:14px;''（注意文字大小的变化）。
正确写法：

3.在接着输入color:#FFF;（注意文字颜色的变化）。
正确写法：

4.接着输入text-align:center;（注意文字居中的变化）。
正确写法：

同样把最终的代码和显示结果跟帖回复！

作者: 洛尘 时间: 2015-9-16 10:35
占楼备用

作者: 染莫 时间: 2015-10-12 15:33
看~~~~~~~~~~~~~~~~~

作者: 染莫 时间: 2015-10-12 16:23
我第一遍时错了写成<h1 style="font-size:14px;“color:#FF4500;text-align:center；>
这样才是对的<h1 style="font-size:14px;color:#FF4500;text-align:center;">

作者: 染莫 时间: 2015-10-12 16:24

欢迎光临 UPUPD技术论坛 (http://bbs.upupd.com/)