鱼C论坛

 找回密码
 立即注册
楼主: 不二如是

[庖丁解牛] 0 0 0 4 - 页面美化,添加高清背景!

[复制链接]
发表于 2017-7-30 13:37:34 | 显示全部楼层
好好学习,天天向上
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-8-1 08:44:59 | 显示全部楼层
学习学习
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-8-1 21:14:43 | 显示全部楼层
谢谢楼主6666
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-8-3 13:26:32 | 显示全部楼层
厉害了,我的哥
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-9-26 09:14:06 | 显示全部楼层
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-11-29 19:13:56 | 显示全部楼层
好贵啊,但是为了学习还是要买

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2017-11-29 22:21

评分

参与人数 1鱼币 +6 收起 理由
不二如是 + 6 加油

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-12-11 19:07:43 | 显示全部楼层
交作业!!!!
<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8">
                <title>欢迎进入HTML的世界</title>
                <style type="text/css">
                        html,body{
                                height: 100%;
                                color: #FF0088;
                        }
                        body{
                                background: url(background.jpg) center center ;
                                background-size: cover;
                        }
                </style>
        </head>
        <body>
        <div id="container">
            <h1>我爱学习</h1>
            <p>bbs.fishC.com - 人人学编程,让编程改变世界</p>
            <a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
        </div>
        </body>
</html>
2017-12-11_190603.jpg

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2018-1-20 21:59

评分

参与人数 1荣誉 +6 鱼币 +6 收起 理由
不二如是 + 6 + 6 热爱鱼C^_^

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-1-20 21:23:34 | 显示全部楼层
交作业
  1. <!DOCTYPE HTML>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <title>物理课本九年级</title>
  6.                 <style type="text/css">
  7.                         html{
  8.                                                 height: 100%;
  9.                                                 color: #5599FF;
  10.                                         }
  11.                                 body{
  12.                                                 background: url(background.jpg);
  13.                                                 background-size: cover;
  14.                                                 background: url(background.jpg) center center;
  15.                                         }
  16.                 </style>
  17.         </head>
  18.         <body>
  19.                 <h1  style="text-align:center">
  20.                 九年级
  21.                 </h1>
  22.                 <div id ="unit_13">
  23.                         <p style="text-align:center">
  24.                                 <a  href="html2.html">
  25.                                         <img border="0" src="physics\the grade nine\13\13-1.jpg" />
  26.                                 </a>
  27.                         </p>
  28.                 </div>
  29.                 <div id ="unit_14">
  30.                     <p style="text-align:center">
  31.                                 <a  href="html3.html">
  32.                                         <img border="0" src="physics\the grade nine\14\14-16.jpg" />
  33.                                 </a>
  34.                         </p>
  35.                 </div>
  36.                 <div id ="unit_15">
  37.                         <p style="text-align:center">
  38.                                 <a  href="html4.html">
  39.                                         <img border="0" src="physics\the grade nine\15\15-31.jpg" />
  40.                                 </a>
  41.                         </p>
  42.                 </div>
  43.                 <div id ="unit_16">
  44.                         <p style="text-align:center">
  45.                                 <a  href="html5.html">
  46.                                         <img border="0" src="physics\the grade nine\16\16-54.jpg" />
  47.                                 </a>
  48.                         </p>
  49.                 </div>
  50.                 <div id ="unit_17">
  51.                         <p style="text-align:center">
  52.                                 <a  href="html6.html">
  53.                                         <img border="0" src="physics\the grade nine\17\17-73.jpg" />
  54.                                 </a>
  55.                         </p>
  56.                 </div>
  57.                 <div id ="unit_18">
  58.                         <p style="text-align:center">
  59.                                 <a  href="html7.html">
  60.                                         <img border="0" src="physics\the grade nine\18\18-86.jpg" />
  61.                                 </a>
  62.                         </p>
  63.                 </div>
  64.                 <div id ="unit_19">
  65.                                 <p style="text-align:center">
  66.                                 <a  href="html8.html">
  67.                                         <img border="0" src="physics\the grade nine\19\19-104.jpg" />
  68.                                 </a>
  69.                         </p>
  70.                 </div>
  71.                 <div id ="unit_20">
  72.                         <p style="text-align:center">
  73.                                 <a  href="html9.html">
  74.                                         <img border="0" src="physics\the grade nine\20\20-118.jpg" />
  75.                                 </a>
  76.                         </p>
  77.                 </div>
  78.                 <div id ="unit_21">
  79.                         <p style="text-align:center">
  80.                                 <a  href="html10.html">
  81.                                         <img border="0" src="physics\the grade nine\21\21-144.jpg" />
  82.                                 </a>
  83.                         </p>
  84.                 </div>
  85.                 <div id ="unit_22">
  86.                         <p style="text-align:center">
  87.                                 <a  href="html11.html">
  88.                                         <img border="0" src="physics\the grade nine\22\22-165.jpg" />
  89.                                 </a>
  90.                         </p>
  91.                 </div>
  92.         </body>
  93. </html>
复制代码

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2018-1-20 22:00

评分

参与人数 1鱼币 +6 收起 理由
不二如是 + 6 热爱鱼C^_^

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-1-31 22:06:03 | 显示全部楼层
我来了,有两个问题:
0、关于引号问题,由于用双引号需要同时按下shift键,而使用单引号并不影响效果,而我又懒,但是我发现包括你在内很多人偏向于使用双引号,我就想问问,以后会不会随着代码量的增加,使用单引号会带来什么弊端或者不方便的地方?
1、关于空格键和TAB键,你说要从一而终,那么我在行首使用tab,行中使用空格,这是不是不受影响的?毕竟在行中使用空格方便,而在行首空格太不明显了,只能用tab。
最后是我的作业:
  1. <!copytype html>
  2. <html>
  3. <head>
  4. <meta charset="uft-8">
  5. <title>0004 页面美化,添加高清背景</title>
  6. <style type="text/css">
  7.         html,body{
  8.                 height:100%;
  9.                 color: #FF0088;
  10.         }
  11.         body {
  12.                 background:url(background.jpg) center center;
  13.                 background-size:cover;
  14.         }
  15. </style>
  16. <body>
  17. </head>
  18.         <div id="container">
  19.         <h1>我爱鱼C<h1>
  20.         <p>www.FishC.com-让编程改变世界</p>
  21.         <a href="">传送门</a>
  22.         </div>
  23. </body>
  24. </html>
复制代码

360-100501750.jpg
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-3-7 20:04:29 | 显示全部楼层
本帖最后由 夕颜梦雨 于 2018-3-7 20:08 编辑

交作业

<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>欢迎来到html世界</title>
        <style type="text/css">
                html,body{
                        height: 100%;
                        color: #FF0088;
                }
                body{
                        background: url(0004素材.jpg) center center;
                        background-size: cover;
                }
        </style>
</head>
<body>
        <div>
                <h1>I love fishc.com</h1>
                <p>www.fishc.com-让编程改变世界</p>
                <a href="#">鱼C传送门</a>
        </div>
</body>
</html>
QQ图片20180307200928.png

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2018-3-8 15:51

评分

参与人数 1鱼币 +6 收起 理由
不二如是 + 6 热爱鱼C^_^

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-3-8 15:49:24 | 显示全部楼层
本帖最后由 likesunshine 于 2018-3-8 15:51 编辑

现在交作业,还有鱼丸吗
<!doctype html>
<html>
                <head>
                                <meta charset="utf-8">
                                <title>欢迎来到HTML世界</title>
                                <style type="text/css"></style>
                </head>
                                <style type="text/css">
                                                body{
                                                                background: url(background.jpg);
                                                                background-size:cover;
                                                }
                                </style>
                <body>
                                                <div        id="container">
                                                <h1>我爱鱼C</h1>
                                                <p>WWW.FishC.com - 继续学习</p>
                                                <a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
                                                </div>
                </body>
</html>       
360截图20180308154808491.jpg

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2018-3-8 15:51

评分

参与人数 1鱼币 +6 收起 理由
不二如是 + 6 热爱鱼C^_^

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-4-27 11:59:26 | 显示全部楼层

为什么我的不出图片呢
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-5-4 23:17:20 | 显示全部楼层
牛太大,精力有限,解不动了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-5-28 16:39:54 | 显示全部楼层
GucciGucciParadaParada
pic_03.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-5-30 22:48:33 | 显示全部楼层
刚照着教程做了一遍,发现height属性没有继承性,然后查了下文档Inherited为no
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-6-9 14:43:19 | 显示全部楼层
<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8">
                <title>欢迎来到html世界</title>
                <style type="text/css">
                        html,body{
                                height: 100%;
                                color: #FF0088;
                        }
                        body {
                                background: url("https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1528526170&di=a8b51a478821deda7684a88ef862e7ab&src=http://pic.58pic.com/58pic/15/12/02/41e58PICrgH_1024.jpg") center center;
                                background-size: cover;
                        }
                </style>

        </head>
        <body>
                <div id="container">
                        <h1>我爱鱼C</h1>
                        <p>WWW.FihsC.com - 让编程改变世界</p>
                        <a href="http://bbs.fishc.com">传送门</a>
                </div>
        </body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-7-12 10:57:35 | 显示全部楼层
开心得交作业:
支持鱼C!
无标题.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-7-12 17:00:37 | 显示全部楼层
交作业:
  1. <!DOCTYPE HTML>
  2. <!-- 0004页面美化,learned from 不二如是 -->
  3. <html>
  4. <head>
  5.     <meat charset="utf-8">
  6.     <title>welcome to the world of HTML</title>
  7.     <meta name="viewport" content="width=device-width,initial-scale=1.0">
  8.     <meta name="keywords" content="STmove,test">
  9.     <meta name="description" content="学习测试">
  10.     <meta name="author" content="STmove">
  11.    
  12.     <style type="text/css">
  13.         html
  14.         {
  15.             height:100%;
  16.         }
  17.         body
  18.         {
  19.             background:url("320980.jpg") center center;
  20.             background-size:cover;
  21.         }
  22.         h1
  23.         {
  24.             color:#0bf;
  25.         }
  26.         p
  27.         {
  28.             color:#afe;
  29.         }
  30.         a
  31.         {
  32.             color:#fff;
  33.         }
  34.     </style>
  35. </head>

  36. <body>
  37.     <h1>我爱鱼兮</h1>
  38.     <p>www.FishC.org-让编程改变世界</p>
  39.     <a href="www.FishC.org" target="_blank">JOIN US</a>

  40. </body>
  41. </html>
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-7-12 17:03:46 | 显示全部楼层
GIF.gif

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2018-7-12 17:08

评分

参与人数 1鱼币 +5 收起 理由
不二如是 + 5 鱼C有你更精彩^_^

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-7-15 20:38:26 | 显示全部楼层
  1. <!doctype html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <title>欢迎来到HTML世界</title>
  6.                 <style type="text/css">
  7.                         html,body{
  8.                                 height: 100%;
  9.                                 color: #ff0088;
  10.                         }
  11.                         body{
  12.                                         background: url(mh7.jpg) center center;
  13.                                         background-size: cover;
  14.                         }
  15.                 </style>
  16.         </head>
  17.         <body>
  18.                 <div id="container">
  19.                         <h1>我爱鱼C</h1>
  20.                         <p>www.fishc.com - 让编程改变世界</p>
  21.                         <a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
  22.                 </div>
  23.         </body>
  24. </html>
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-3-29 08:58

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表