鱼C论坛

 找回密码
 立即注册
查看: 6422|回复: 26

[庖丁解牛] 0 0 2 4 - 文本&字体 - 引用#<圣经-创世纪第一章>

[复制链接]
发表于 2017-1-15 13:13:23 | 显示全部楼层 |阅读模式
购买主题 已有 23 人购买  本主题需向作者支付 2 鱼币 才能浏览

本帖被以下淘专辑推荐:

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

使用道具 举报

发表于 2017-2-28 00:17:14 | 显示全部楼层
111.jpg


44444.jpg

44444444-1.jpg
另一种注释:
555.jpg

如果有后来人遇到像这样的问题:
明明有<meta charset="utf-8">声明,但<title>此心光明,夫复何言</title>显示到网页上还是乱码,等一些列匪夷所思的问题,请按以下步骤执行:
先全选(ctrl+a)->格式->转为utf-8无BOM格式,在刷新浏览器
6666666666.jpg
这类问题大底是因为你直接复制了改教程的代码,但粘过去的是ASCII码格式的代码

点评

我很赞同!: 5.0
我很赞同!: 5
最佳拓展!  发表于 2017-2-28 08:30

评分

参与人数 1荣誉 +5 鱼币 +5 贡献 +3 收起 理由
不二如是 + 5 + 5 + 3 HTML守护神~

查看全部评分

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

使用道具 举报

发表于 2017-4-21 15:19:35 | 显示全部楼层
交作业
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>文本字体</title>
  6.         <style type="text/css">
  7.                 body{
  8.                         background-color: beige;
  9.                         height: 100%;
  10.                 }
  11.                 .h1{
  12.                         color: #F00;
  13.                         background-color: #000000;
  14.                         font-weight: normal;        /*font-weight 属性设置文本的粗细。*/
  15.                         font-size: 3.6em;
  16.                         height: 60px;
  17.                         line-height: 60px;
  18.                 }
  19.                 #p{
  20.                         font-weight: bold;
  21.                         /*text-indent:2em;*/
  22.                         line-height: 180%;        /*line-height 属性设置行间的距离(行高)。注释:不允许使用负值。*/
  23.                         font-family:sans-serif ;
  24.                         color:#ff04bb ;
  25.                 }
  26.                 h1,p{
  27.                         text-align: center;
  28.                 }
  29.         </style>
  30. </head>
  31. <body>
  32. <h1 class="h1">God say</h1>
  33. <p id="p">In the beginning God created the heaven and the earth.<br/>And the earth was without form,and void;<br/>
  34.         And darkness was upon the face of the deep.<br/>And the Spirit of God moved upon the face of the waters.<br/>
  35.         And God said,Let there be light.And there was light.
  36. </p>
  37. </body>
  38. </html>
复制代码


0018文本字体.png

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2017-8-15 08:42

评分

参与人数 1鱼币 +5 收起 理由
不二如是 + 5 支持楼主!

查看全部评分

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

使用道具 举报

发表于 2017-7-15 12:49:41 | 显示全部楼层
交作业~
捕获.PNG

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2017-7-15 12:49
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-1-26 22:12:10 | 显示全部楼层
不二是女性吗?这么喜欢粉红色
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 1 反对 0

使用道具 举报

 楼主| 发表于 2017-1-27 07:01:16 | 显示全部楼层
type_J 发表于 2017-1-26 22:12
不二是女性吗?这么喜欢粉红色


你认为我是,我就是~

肌肉粉?留给你自己吹水阁发掘了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-2-28 08:30:34 | 显示全部楼层
这类问题大底是因为你直接复制了改教程的代码,但粘过去的是ASCII码格式的代码


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

使用道具 举报

发表于 2017-5-4 10:20:53 | 显示全部楼层
本帖最后由 lumber2388779 于 2017-5-4 10:55 编辑

line-height是行高不是居中吧,应该还要根据height来变化的吧。还有一个问题,height与font-size会有冲突吧,应该以哪个为主?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-6-27 23:44:45 | 显示全部楼层
一档起步。
<!--XXXX-->;/*XXXX*/
0024-标题-文本-粗细、大小、颜色、字体、样式.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-7-15 02:10:34 | 显示全部楼层
交作业!
024.jpg
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-8-15 08:35:42 | 显示全部楼层
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
        <title>此心光明,夫复何言</title>
        <style type="text/css">
                h1{
                        color:#F08;
                        font-weight: normal;
                        font-size: 3.6em;
                        background: #BBFFEE;
                        height: 60px;
                        line-height: 60px;

                }
                p{
                        font-weight: bold;
                        /*text-indent: 2em;*/
                        line-height: 160%;
                        font-family: "Trebuchet MS";
                }
                h1,p{
                        text-align: center;
                }
        </style>
</head>
<body>
<h1>God say</h1>
<p>In the beginning God created the heaven and the earth.<br>And the earth was without form,and void;
And darkness was upon the face of the deep.<br>And the Spirit of God moved upon the face of the waters.
<br>And God said,Let there be light.And there was light</p>
</body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-3-15 16:34:21 | 显示全部楼层
不错不错
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-6-6 20:38:51 | 显示全部楼层
  1. <!DOCTYPE html>
  2. <html>
  3.         <meta charset="UTF-8">
  4. <head>
  5.         <title>024-此心光明,夫複何言</title>
  6.         <style type="text/css">
  7.                 h1{
  8.                         color:#F08;
  9.                         font-weight:normal;
  10.                         font-size:3.6em;
  11.                         background:#BBFFEE;
  12.                         height:60px;
  13.                         line-height:60px;
  14.                 }
  15.                 p{
  16.                         font-weight:bold;
  17.                         /*text-indent:2em;*/
  18.                         line-height:160%;
  19.                         font-family:"Trebuchet MS";
  20.                 }
  21.                 h1,p{
  22.                         text-align:center;
  23.                 }
  24.         </style>
  25. </head>
  26. <body>
  27. <h1>God say</h1>
  28. <p>In the beginning God created the heaven and the earth.<br>And the earth was without form,and void;<br>And darkness was upon the face of the deep.<br>And the Spirit of God moved upon the face of the waters.
  29. <br>And God said,Let there be light.And there was light</p>
  30. </body>
  31. </html>
复制代码


024.jpg

交作業了!

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2018-6-7 08:34

评分

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

查看全部评分

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

使用道具 举报

发表于 2018-7-16 15:25:39 | 显示全部楼层
交作业啦
  1. <!doctype html>
  2. <html>
  3. <meta charset="utf-8">
  4. <head>
  5.         <title>WEB lesson 0024</title>
  6.         <style type="text/css">
  7.                 h1
  8.                 {
  9.                         color:#f08;
  10.                         font-weight:normal;
  11.                         font-size:3.6em;
  12.                         background:#bee;
  13.                         height:66px;
  14.                         line-height:66px;
  15.                 }
  16.                 p
  17.                 {
  18.                         font-weight:bold;
  19.                         /*text-indent:2em;*/
  20.                         line-height:160%;
  21.                         font-family: "Trebuchet MS";
  22.                 }
  23.                 h1,p
  24.                 {
  25.                         text-align:center;
  26.                 }
  27.         </style>
  28. </head>       

  29. <body>
  30.         <h1>God <em>say</em></h1>
  31.         <p>In the beginning God created the heaven and the earth.<br>And the earth was without form,and void;<br>
  32.         And darkness was upon the face of the deep.<br>And the Spirit of God moved upon the face of the waters.<br>
  33.         And God said,Let there be light.<br>And there was light</p>       
  34. </body>
  35. </html>
复制代码

微信截图_20180716152146.png

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2018-8-21 10:55

评分

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

查看全部评分

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

使用道具 举报

发表于 2018-10-17 23:23:02 | 显示全部楼层
  1. <!DOCTYPE html>
  2. <html>

  3. <head>
  4.     <meta charset="utf-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <title>此心光明,夫复何言</title>
  7.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8.     <style type="text/css">
  9.         h1 {
  10.             color: #f08;
  11.             font-weight: normal;
  12.             font-size: 3.5em;
  13.             background: #bfe;
  14.             height: 65px;
  15.             line-height: 60px;
  16.         }
  17.         
  18.         p {
  19.             font-weight: bold;
  20.             /* text-indent: 2em; */
  21.             line-height: 160%;
  22.             font-family: "Trebuchet MS";
  23.         }
  24.         
  25.         h1,
  26.         p {
  27.             text-align: center;
  28.         }
  29.     </style>
  30. </head>

  31. <body>
  32.     <h1>God say</h1>
  33.     <p>In the beginning God created the heaven and the earth.
  34.         <br>And the earth was without form,and void;
  35.         <br>And darkness was upon the face of the deep.
  36.         <br>And the Spirit of God moved upon the face of the waters.
  37.         <br>And God said,Let there be light.And there was light
  38.     </p>
  39. </body>

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

使用道具 举报

发表于 2018-11-16 12:25:52 | 显示全部楼层
  1. <head>
  2.         <title>此心如是,夫复何求</title>
  3.         <style type="text/css">
  4.                 h1,p{
  5.                         text-align: center;
  6.                 }
  7.                 h1{
  8.                         color: #F08;
  9.                         font-weight: normal;
  10.                         font-size: 3.6em;
  11.                         background: #BBFFEE;
  12.                         height: 80px;
  13.                         line-height: 80px;
  14.                 }
  15.                 p{
  16.                         font-weight: bold;
  17.                         /*text-indent: 2em;*/
  18.                         line-height: 160%;
  19.                         font-family: "Trebuchet MS"
  20.                 }
  21.         </style>
  22. </head>
  23. <body>
  24.         <h1>God say</h1>
  25.         <p>In the beginning God created the heaven and the earth. <br>And the the earth was without form, and void;<br> And darkness was upon the face of the deep.<br> And the Spirit of God moved upon the face of the waters.<br> And God said, let there be light. And there was light</p>
  26. </body>
  27. </html>
  28. <img src="https://fishc.com.cn/forum.php?mod=image&aid=104858&size=300x300&key=ed5967e904dd9536&nocache=yes&type=fixnone" aid="attachimg_104858" alt="" border="0">
复制代码

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

使用道具 举报

发表于 2019-8-14 17:12:36 | 显示全部楼层
打卡!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>好看的排版</title>
  6.         <style type="text/css">
  7.                 h1{
  8.                         color: #F08;
  9.                         font-weight: normal;
  10.                         font-size: 3.6em;
  11.                         background: #BBFFEE;
  12.                         height: 60px;
  13.                         line-height: 60px;
  14.                 }
  15.                 pre{
  16.                         font-weight: bold;
  17.                         text-indent: 2em;
  18.                         line-height: 160%;
  19.                         font-family: "Trebuchet MS"
  20.                 }
  21.                 h1,pre{
  22.                         text-align: center;
  23.                 }
  24.         </style>
  25. </head>
  26. <body>
  27.         <h1>GodSay</h1>
  28.         <pre>
  29.             In the beginning God created the heaven and the earth.
  30.                 And the earth was without form,and void;
  31.                 And darkness was upon the face of the deep.And the Spirit of God moved upon the face of the waters.
  32.                 And God said,Let there be light.And there was light</pre>
  33. </body>
  34. </html>
复制代码

评分

参与人数 1荣誉 +2 鱼币 +3 贡献 +3 收起 理由
不二如是 + 2 + 3 + 3 鱼C有你更精彩^_^

查看全部评分

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

使用道具 举报

发表于 2019-8-16 16:06:50 | 显示全部楼层
不二一直如此优秀!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-10-29 09:07:22 | 显示全部楼层
交作业
  1. <!DOCTYPE html>
  2. <html>
  3. <meta charset="utf-8">
  4. <head>
  5. <title>此心光明,夫复何言</title>
  6. <style type="text/css">
  7.     h1 {
  8.       font-weight: normal;
  9.       color:#fd79a8;
  10.       font-size: 3.6em;
  11.       line-height: 50px;
  12.       height: 50px;
  13.       background: #dfe6e9;
  14.     }
  15.     p {
  16.       font-size: 20px;
  17.       font-weight: bold;
  18.       /* text-indent: 2em; */
  19.       text-align: left;
  20.       line-height: 160%;
  21.     }
  22.     h1,p {
  23.       font-family: "Trebuchet MS" ;
  24.       text-align: center;
  25.     }
  26. </style>
  27. </head>
  28. <body>
  29. <h1>God say</h1>
  30. <p>In the beginning God created the heaven and the earth.
  31. <br>And the earth was without form,and void;
  32. <br>And darkness was upon the face of the deep.
  33. <br>And the Spirit of God moved upon the face of the waters.
  34. <br>And God said,Let there be light.And there was light</p>
  35. </body>
  36. </html>
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-2-22 14:02:12 | 显示全部楼层
  1. <!DOCTYPE html>
  2. <html>
  3. <meta charset="utf-8">
  4. <head>
  5.         <title>此心光明,夫复何言</title>
  6.         <style type="text/css">
  7.            h1,p {
  8.                text-align: center;
  9.            }
  10.            h1 {
  11.                color: #ff0088;
  12.                font-weight: normal;
  13.                font-size: 3.6em;
  14.                background: #bbffee;
  15.                height: 70px;
  16.                line-height: 60px;
  17.            }

  18.            p {
  19.                font-weight: bold;
  20.                /*text-indent: 2em;*/
  21.                line-height: 160%;
  22.                font-family:'Trebuchet MS';
  23.            }   
  24.         </style>
  25. </head>
  26. <body>
  27. <h1>God say</h1>
  28. <p>In the beginning God created the heaven and the earth.<br>And the earth was without form,and void;<br>
  29. And darkness was upon the face of the deep.<br>And the Spirit of God moved upon the face of the waters.<br>
  30. And God said,Let there be light.And there was light</p>
  31. </body>
  32. </html>
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-3-28 19:29

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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