0 0 2 4 - 文本&字体 - 引用#<圣经-创世纪第一章>

不二如是 · 发表于 2017-1-15 13:13:23

购买主题 已有 23 人购买 本主题需向作者支付 2 鱼币 才能浏览

joker11111 · 发表于 2017-2-28 00:17:14

另一种注释：

如果有后来人遇到像这样的问题：
明明有<meta charset="utf-8">声明，但<title>此心光明，夫复何言</title>显示到网页上还是乱码，等一些列匪夷所思的问题，请按以下步骤执行：
先全选（ctrl+a）->格式->转为utf-8无BOM格式，在刷新浏览器

这类问题大底是因为你直接复制了改教程的代码，但粘过去的是ASCII码格式的代码

shishunfu · 发表于 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>

复制代码

MSK · 发表于 2017-7-15 12:49:41

交作业~

type_J · 发表于 2017-1-26 22:12:10

不二是女性吗？这么喜欢粉红色

不二如是 · 发表于 2017-1-27 07:01:16

type_J 发表于 2017-1-26 22:12
不二是女性吗？这么喜欢粉红色

你认为我是，我就是～

肌肉粉？留给你自己吹水阁发掘了

不二如是 · 发表于 2017-2-28 08:30:34

joker11111 发表于 2017-2-28 00:17
另一种注释：

这类问题大底是因为你直接复制了改教程的代码，但粘过去的是ASCII码格式的代码

学习了～

lumber2388779 · 发表于 2017-5-4 10:20:53

本帖最后由 lumber2388779 于 2017-5-4 10:55 编辑

line-height是行高不是居中吧，应该还要根据height来变化的吧。还有一个问题，height与font-size会有冲突吧，应该以哪个为主？

晓月56 · 发表于 2017-6-27 23:44:45

一档起步。
;/*XXXX*/
0024-标题-文本-粗细、大小、颜色、字体、样式.png

aswyamato1989 · 发表于 2017-7-15 02:10:34

交作业！

Hesion · 发表于 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>

likesunshine · 发表于 2018-3-15 16:34:21

不错不错

rock5442107 · 发表于 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>

复制代码

交作業了！

STmove · 发表于 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>

复制代码

soulwyb · 发表于 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>

复制代码

QiaoaiMen · 发表于 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">

复制代码

交作业

克里斯保罗 · 发表于 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>

复制代码

朝闻夕死 · 发表于 2019-8-16 16:06:50

不二一直如此优秀！

你在意在便在 · 发表于 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>

复制代码

ricia · 发表于 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>

复制代码

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

不二如是不二如是当前离线 UID 378930 日志相册贡献荣誉积分 62694 狗仔卡	发表于 2017-1-15 13:13:23 \| 显示全部楼层 \|阅读模式购买主题已有 23 人购买本主题需向作者支付 2 鱼币才能浏览本帖被以下淘专辑推荐: · HTML5 & CSS3 - 庖丁解牛\|主题: 205, 订阅: 38 · css基础\|主题: 1, 订阅: 0
	小甲鱼最新课程 -> https://ilovefishc.com
	回复使用道具举报置顶卡千斤顶显身卡

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

本帖被以下淘专辑推荐:

点评

评分

点评

评分

点评

点评

评分

点评

评分

评分

浏览过的版块