鱼C论坛

 找回密码
 立即注册
查看: 7515|回复: 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 | 显示全部楼层
交作业
<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>文本字体</title>
        <style type="text/css">
                body{
                        background-color: beige;
                        height: 100%;
                }
                .h1{
                        color: #F00;
                        background-color: #000000;
                        font-weight: normal;        /*font-weight 属性设置文本的粗细。*/
                        font-size: 3.6em;
                        height: 60px;
                        line-height: 60px;
                }
                #p{
                        font-weight: bold;
                        /*text-indent:2em;*/
                        line-height: 180%;        /*line-height 属性设置行间的距离(行高)。注释:不允许使用负值。*/
                        font-family:sans-serif ;
                        color:#ff04bb ;
                }
                h1,p{
                        text-align: center;
                }
        </style>
</head>
<body>
<h1 class="h1">God say</h1>
<p id="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.<br/>
        And God said,Let there be light.And there was light.
</p>
</body>
</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 | 显示全部楼层
<!DOCTYPE html>
<html>
        <meta charset="UTF-8">
<head>
        <title>024-此心光明,夫複何言</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;<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>
</body>
</html>

024.jpg

交作業了!

点评

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

评分

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

查看全部评分

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

使用道具 举报

发表于 2018-7-16 15:25:39 | 显示全部楼层
交作业啦
<!doctype html>
<html>
<meta charset="utf-8">
<head>
        <title>WEB lesson 0024</title>
        <style type="text/css">
                h1
                {
                        color:#f08;
                        font-weight:normal;
                        font-size:3.6em;
                        background:#bee;
                        height:66px;
                        line-height:66px;
                }
                p
                {
                        font-weight:bold;
                        /*text-indent:2em;*/
                        line-height:160%;
                        font-family: "Trebuchet MS";
                }
                h1,p
                {
                        text-align:center;
                }
        </style>
</head>        

<body>
        <h1>God <em>say</em></h1>
        <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.<br>
        And God said,Let there be light.<br>And there was light</p>        
</body>
</html>
微信截图_20180716152146.png

点评

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

评分

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

查看全部评分

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

使用道具 举报

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

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>此心光明,夫复何言</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style type="text/css">
        h1 {
            color: #f08;
            font-weight: normal;
            font-size: 3.5em;
            background: #bfe;
            height: 65px;
            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;
        <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>
</body>

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

使用道具 举报

发表于 2018-11-16 12:25:52 | 显示全部楼层
<head>
        <title>此心如是,夫复何求</title>
        <style type="text/css">
                h1,p{
                        text-align: center;
                }
                h1{
                        color: #F08;
                        font-weight: normal;
                        font-size: 3.6em;
                        background: #BBFFEE;
                        height: 80px;
                        line-height: 80px;
                }
                p{
                        font-weight: bold;
                        /*text-indent: 2em;*/
                        line-height: 160%;
                        font-family: "Trebuchet MS"
                }
        </style>
</head>
<body>
        <h1>God say</h1>
        <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>
</body>
</html>
<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 | 显示全部楼层
打卡!
<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>好看的排版</title>
        <style type="text/css">
                h1{
                        color: #F08;
                        font-weight: normal;
                        font-size: 3.6em;
                        background: #BBFFEE;
                        height: 60px;
                        line-height: 60px;
                }
                pre{
                        font-weight: bold;
                        text-indent: 2em;
                        line-height: 160%;
                        font-family: "Trebuchet MS"
                }
                h1,pre{
                        text-align: center;
                }
        </style>
</head>
<body>
        <h1>GodSay</h1>
        <pre>
            In the beginning God created the heaven and the earth.
                And the earth was without form,and void;
                And darkness was upon the face of the deep.And the Spirit of God moved upon the face of the waters.
                And God said,Let there be light.And there was light</pre>
</body>
</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 | 显示全部楼层
交作业
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>此心光明,夫复何言</title>
<style type="text/css">
    h1 {
      font-weight: normal;
      color:#fd79a8;
      font-size: 3.6em;
      line-height: 50px;
      height: 50px;
      background: #dfe6e9;
    }
    p {
      font-size: 20px;
      font-weight: bold;
      /* text-indent: 2em; */
      text-align: left;
      line-height: 160%;
    }
    h1,p {
      font-family: "Trebuchet MS" ;
      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;
<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>
</body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

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

           p {
               font-weight: bold;
               /*text-indent: 2em;*/
               line-height: 160%;
               font-family:'Trebuchet MS';
           }    
        </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;<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>
</body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-12-23 00:30

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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