0 0 3 7 - 图文混排&布局【精美版 - 上】

不二如是 · 发表于 2017-1-31 11:45:32

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

joker11111 · 发表于 2017-3-30 07:32:42

交作业啦啦啦啦啦

shishunfu · 发表于 2017-4-27 14:38:53

交作业

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图文混排&布局</title>
<style>
body{
background-color: beige;
color: red;
}
img{
float: left;
margin-right:10px;
width: 55px;
}
p{
font-family: STheiti;
font-size: 22px;
}
</style>
</head>
<body>
<img src="http://xxx.fishc.com/forum/201701/31/105604kd4mvt14fux1imt6.png" alt="神兽" >
<img src="http://xxx.fishc.com/forum/201701/31/114245fwq9gqu9xwh2xkl1.png" alt="鱼CLogo">
<p>如果用时光机把现代科学家送回古埃及，就算他用进化论、相对论、量子力学戳破了古代埃及祭司的一切虚构。
还是无法在当时拥有权力。当然，如果这位科学家可以运用知识制造出墙炮，就能在面对法老和鳄鱼神索贝克时大占优势。
但为次，他必须开采铁矿、建造鼓风炉、制造火药、也就是需要许多辛勤的农民。
你真的觉得，和农民大谈E=mc2，就能让他们对你言听计从？
如果你真这么想，欢迎现在买张到阿富汗或者叙利亚的机票，在那里好好施展你的才华！
</p>
</body>
</html>

复制代码

不二如是 · 发表于 2017-3-30 07:50:25

joker11111 发表于 2017-3-30 07:32
交作业啦啦啦啦啦

官方标准好学生！

eqiu888 · 发表于 2017-4-1 16:35:18

aswyamato1989 · 发表于 2017-7-19 04:56:30

交作业！

庚午 · 发表于 2018-1-11 21:02:06

复制代码

likesunshine · 发表于 2018-3-23 17:34:06

点赞支持

STmove · 发表于 2018-7-17 18:21:07

我说怎么不记得这一段了，原来看错成人类简史了....未来简史还没看完

floride · 发表于 2018-8-4 09:36:51

支持支持

soulwyb · 发表于 2018-10-26 00:01:18

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
img {
float: left;
margin-right: 10px;
width: 80px;
}
p {
font-family: 'STheiti';
font-size: 33px;
}
</style>
</head>
<body>
<img src="神兽.jpg" alt="神兽">
<img src="FishC.jpg" alt="FishC">
<p>如果用时光机把现代科学家送回古埃及，就算他用进化论、相对论、量子力学戳破了古代埃及祭司的一切虚构。还是无法在当时拥有权力。当然，如果这位科学家可以运用知识制造出墙炮，就能在面对法老和鳄鱼神索贝克时大占优势。但为次，他必须开采铁矿、建造鼓风炉、制造火药、也就是需要许多辛勤的农民。你真的觉得，和农民大谈E=mc2，就能让他们对你言听计从？如果你真这么想，欢迎现在买张到阿富汗或者叙利亚的机票，在那里好好施展你的才华
</p>
</body>
</html>

复制代码

星空·无限 · 发表于 2018-12-1 10:27:42

大神有一点没有搞懂?为什么设置margin这个属性超过的文字不会占据图片位置,而设置margin-right这个却会占据图片下方的位置?

fangfangfengfei · 发表于 2019-6-15 22:51:50

星空·无限发表于 2018-12-1 10:27
大神有一点没有搞懂?为什么设置margin这个属性超过的文字不会占据图片位置,而设置margin-right这个却会占据 ...

注意margin设置的值的大小不同

克里斯保罗 · 发表于 2019-8-18 15:55:05

交作业！

复制代码

你在意在便在 · 发表于 2019-10-31 20:15:48

作业作业~

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
img {
float: left;
/* margin:3px; */
margin-right: 10px;
/* width: 55px; */
width: 80px;
}
p {
font-family: "STheiti";
font-size: 33px;
}
</style>
</head>
<body>
<img src="神兽.png" alt="神兽">
<img src="FishC2.png" alt="fishc">
<p>如果用时光机把现代科学家送回古埃及，就算他用进化论、相对论、量子力学戳破了古代埃及祭司的一切虚构。还是无法在当时拥有权力。当然，如果这位科学家可以运用知识制造出墙炮，就能在面对法老和鳄鱼神索贝克时大占优势。
但为次，他必须开采铁矿、建造鼓风炉、制造火药、也就是需要许多辛勤的农民。
你真的觉得，和农民大谈E=mc2，就能让他们对你言听计从？如果你真这么想，欢迎现在买张到阿富汗或者叙利亚的机票，在那里好好施展你的才华</p>
</body>
</html>

复制代码

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

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

[庖丁解牛] 0 0 3 7 - 图文混排&布局【精美版 - 上】