<003>加一点样式

戴宇轩 · 发表于 2015-7-3 08:32:22

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由戴宇轩于 2015-7-5 13:01 编辑

上一课答案
<html>

  <head>

<title>Mission</title>

  </head>

  <body>

<h1>宗旨</h1>

<p>鱼C工作室致力于完全免费编程视频教学,主要推出的课程有零基础入门学习C语言,零基础入门学习汇编语言,Win32汇编语言,零基础入门学习Delphi,零基础入门学习Python,Windows程序设计,SDK编程,解密系列,OD使用教程,密码学</p>

  </body>

</html>
复制代码

加一点样式

好的。我们已经有了结构，现在来集中精力关注它的表现。
当浏览器显示HTML时，它会使用内置的样式来显示这个结构，如果完全依赖浏览器，页面看起来会很难看，对吗？
下面就要用到CSS了，利用CSS，可以描述如何表现你的内容。下面动手试试，让这个鱼C的页面更美观！

认识style元素

要增加样式，需要在页面上增加一个新的元素——<style>，下面我们回到鱼C的页面，加一些样式，试试看……

既然你已经有了一个<style>元素，那么你现在要做的就是写下一些CSS，让你的页面更炫！

课件下载： SourceCode.zip (968 Bytes, 下载次数: 203)

2015-7-4 14:40 上传
点击文件名下载附件
写下你的CSS!

看看页面有什么改变

哇!区区几行CSS就让HTML变得如此漂亮，可见CSS强大的威力了吧!

尽管只是简单地看一眼CSS，就大概可以知道每一句是做什么的，想想看，每一句样式是做什么的。

试试看将每一句CSS和其功能联系起来

答案:
游客，如果您要查看本帖隐藏内容请回复

小练习
下载这一课课件，尝试将mission.html的样式变得跟index.html一样

下一课
<004>认识超文本

hldh214 · 发表于 2015-7-3 12:09:30

楼主辛苦了~~

wei_Y · 发表于 2015-7-3 12:52:48

<meta charset='utf-8'>

复制代码

作业:

body{background: navajowhite; margin: 0 20%; padding: 10px; border: 1px dotted;}

复制代码

开课都不艾特我。

能不能好好玩耍。

戴宇轩 · 发表于 2015-7-3 13:24:15

wei_Y 发表于 2015-7-3 12:52
作业:

这几天学pygame，把你忘了，不好意思。。。

不过现在讲字符编码有点早，我会在HTML5标准里讲到

wei_Y · 发表于 2015-7-3 20:08:40

戴宇轩发表于 2015-7-3 13:24
这几天学pygame，把你忘了，不好意思。。。

不过现在讲字符编码有点早，我会在HTML5标准里讲 ...

呃，我这里不加编码的话不能正常显示，所以加了一下。

戴宇轩 · 发表于 2015-7-3 20:11:56

wei_Y 发表于 2015-7-3 20:08
呃，我这里不加编码的话不能正常显示，所以加了一下。

要仔细看。。。第二课第四张图下面。。。

戴宇轩 · 发表于 2015-7-3 20:15:28

wei_Y 发表于 2015-7-3 12:52
作业:

不好意思，发帖子时候漏了一张图，关于写好的CSS（就是课件下载上面那个）

wei_Y · 发表于 2015-7-3 20:25:30

戴宇轩发表于 2015-7-3 20:15
不好意思，发帖子时候漏了一张图，关于写好的CSS（就是课件下载上面那个）

嗯嗯，每次都换太麻烦了嘛。。

shark_cf · 发表于 2015-7-5 23:04:13

看看咯,教程更新的还蛮快的咯

2413780002 · 发表于 2015-7-6 22:38:22

回复看看

大冬瓜 · 发表于 2015-7-7 07:02:32

看看看你看

煈愛 · 发表于 2015-7-8 09:00:45

学习中！

repostaring · 发表于 2015-7-13 12:29:23

:L 这都要隐藏啊……

tuzimina · 发表于 2015-7-28 11:09:19

答案

王鹏啊 · 发表于 2015-7-28 11:30:33

真心不错

癫疯孤独 · 发表于 2015-8-7 14:14:45

第三课加油

SAMLA-- · 发表于 2015-8-13 11:54:39

终于到第三课了，加油！

羊圈圈 · 发表于 2015-8-21 10:23:14

回复了，给我看看吧

yangfcy888 · 发表于 2015-8-24 17:42:20

页边距

cheyne0917 · 发表于 2015-9-16 16:30:44

顶楼主啊

[技术交流] <003>加一点样式

马上注册，结交更多好友，享用更多功能^_^

评分

本帖被以下淘专辑推荐:

浏览过的版块

账号		自动登录	找回密码
密码			立即注册