请选择 进入手机版 | 继续访问电脑版
快捷导航
4 3281

【HTML基础】-1.2-掌握Html和CSS的关系

洛尘 于 2015-9-16 10:35 发表在 [HTML5] [复制链接]
本节课程所要了解的知识点:

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;(注意文字居中的变化)。
正确写法:
游客,如果您要查看本帖隐藏内容请回复

同样把最终的代码和显示结果跟帖回复!
举报 使用道具
| 回复

共 4 个关于本帖的回复 最后回复于 2015-10-12 16:24

洛尘 超级版主 发表于 2015-9-16 10:35:49 | 显示全部楼层
占楼备用
举报 使用道具
染莫 荣誉会员[VIP] 发表于 2015-10-12 15:33:58 | 显示全部楼层
看~~~~~~~~~~~~~~~~~
举报 使用道具
染莫 荣誉会员[VIP] 发表于 2015-10-12 16:23:17 | 显示全部楼层
我第一遍时错了   写成<h1 style="font-size:14px;“color:#FF4500;text-align:center;>
这样才是对的<h1 style="font-size:14px;color:#FF4500;text-align:center;">
举报 使用道具
染莫 荣誉会员[VIP] 发表于 2015-10-12 16:24:23 | 显示全部楼层
1.jpg 2.jpg
举报 使用道具
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

精彩推荐

  • FlashFXP 5.3.0.3925 简体中文绿色便携特别
  • 关于新手发帖回复提示“您无权发布该类型主
  • [商业插件] Disczu论坛[1314]资源下载中心
  • 安卓超漂亮的水果糖风格PNG图标
  • Discuz主题列表摘要图片显示4.4 商业版插件

明星用户

快速回复 返回列表
qq
收缩

QQ|网站地图|Sitemap|Archiver|手机版|小黑屋|UPUPD工作室 ( 京ICP备14055827号-3|网站地图

GMT+8, 2021-10-23 17:09 , Processed in 0.454886 second(s), 38 queries .