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

<!doctype html>
<html lang='en'>
<meta charset='utf-8'>
        <head>
                <title> </title>
                <style type='text/css'>
                        img{margin-right:10px;
                                float:left;
                                width:80px;}
                        
                        p{font-family:STHEITI; 
                                font-size:33px;
                                font-weight:bold;
                                }
                </style>
        </head>
        
        <body>
                <img src='神兽.png' alt='神兽'>
                <img src='logo.png' alt='logo'>
                <p>如果用时光机把现代科学家送回古埃及，就算他用进化论、相对论、量子力学戳破了古代埃及祭司的一切虚构。

                        还是无法在当时拥有权力。当然，如果这位科学家可以运用知识制造出墙炮，就能在面对法老和鳄鱼神索贝克时大占优势。

                        但为次，他必须开采铁矿、建造鼓风炉、制造火药、也就是需要许多辛勤的农民。
                        
                        你真的觉得，和农民大谈E=mc2，就能让他们对你言听计从？

                        如果你真这么想，欢迎现在买张到阿富汗或者叙利亚的机票，在那里好好施展你的才华！</p>
        </body>
</html>

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

交作业！

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style type="text/css">
                img{
                        float: left;
                        margin: 3px;
                        width:80px;
                        margin-right: 10px;
                }
                p{
                        font-family:'STheiti';
                        font-size: 33px;
                }
        </style>
</head>
<body>
        <img src="100" alt="100pxcat">
        <img src="80.jpg" alt="80pxcat">
        <p>
                如果用时光机把现代科学家送回古埃及，就算他用进化论、相对论、量子力学戳破了古代埃及祭司的一切虚构。

还是无法在当时拥有权力。当然，如果这位科学家可以运用知识制造出墙炮，就能在面对法老和鳄鱼神索贝克时大占优势。

但为次，他必须开采铁矿、建造鼓风炉、制造火药、也就是需要许多辛勤的农民。

你真的觉得，和农民大谈E=mc2，就能让他们对你言听计从？

如果你真这么想，欢迎现在买张到阿富汗或者叙利亚的机票，在那里好好施展你的才华！
        </p>

</body>
</html>

你在意在便在 · 发表于 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 日志相册贡献荣誉积分 56999 狗仔卡	发表于 2017-1-31 11:45:32 \| 显示全部楼层 \|阅读模式购买主题已有 23 人购买本主题需向作者支付 2 鱼币才能浏览本帖被以下淘专辑推荐: · HTML5 & CSS3 - 庖丁解牛\|主题: 205, 订阅: 36
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	回复使用道具举报置顶卡千斤顶显身卡

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

本帖被以下淘专辑推荐:

点评

评分

点评

评分

点评

评分

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

本帖被以下淘专辑推荐:

点评

评分

点评

评分

点评

评分

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