设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 编程语言专区 › Web开发 › Web密训营 › 0 0 2 6 - 高B格修改鱼C宣传语 - 【冒了很大风险，不要 ...
12下一页
返回列表 发新帖
查看: 6892|回复: 22

[庖丁解牛] 0 0 2 6 - 高B格修改鱼C宣传语 - 【冒了很大风险，不要让小甲鱼老湿看到】

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

本帖被以下淘专辑推荐:

小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

shishunfu
发表于 2017-4-22 11:49:24 | 显示全部楼层
交作业
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>鱼C工作室</title>
  6.         <style type="text/css">
  7.                 h1{
  8.                         color:#0D0;
  9.                         font-family:"KaiTi";
  10.                         font-weight:bold;/*font-weight 属性设置文本的粗细。*/
  11.                         padding: 9px;        /*内边距*/
  12.                         text-indent: -9999px;        /*text-indent 属性规定文本块中首行文本的缩进。注释：允许使用负值。如果使用负值，那么首行会被缩进到左边。*/
  13.                         background: url("bFishClogo.png") no-repeat 0 50%;
  14.                         /*border-bottom:2px solid rgba(0,0,0,.15);红色值。正整数 | 百分数; G：绿色值。正整数 | 百分数; B：蓝色值。正整数 | 百分数; A：Alpha透明度。取值0~1之间。*/
  15.                         /*background-size: 175px 60px;*/        /*background-size：属性规定背景图像的尺寸。 可以按图片比例放大（缩小）*/
  16.                 }
  17.                 p{
  18.                         padding: 5px 10px;
  19.                         text-indent: 2em;
  20.                         border-left: 3px solid #27AE59;
  21.                         background: #ECF0F1;
  22.                 }
  23.                 a{
  24.                         color: red;
  25.                 }
  26.         </style>
  27. </head>
  28. <body>
  29. <h1>鱼C工作室</h1>
  30. <p>小甲鱼（本名 李佳宇），鱼C工作室创始人，七年编程教学工作经验，已发布过《零基础入门学习Python》、《数据结构和算法》、《带你学C带你飞》、《Windows程序设计》、《解密系列》等系列视频教程。视频在网易云课堂、百度传课、51CTO等网站发布后，广受网友好评，多次被网页及相关专题推荐，累计学习人数达30万。</p>
  31. <a href="http://www.fishc.com/" id="first_Js">传送门</a>
  32. <a href="http://bbs.fishc.com/forum.php?mod=collection&action=view&ctid=539" id="first_Js2">HTML5-庖丁解牛</a>
  33. </body>
  34. </html>
复制代码
0020鱼C工作室.png

点评

我很赞同！: 5.0
不二如是
我很赞同！: 5
两个传送门，超级棒！  发表于 2017-4-22 11:55
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 1 反对 0

使用道具 举报

type_J
发表于 2017-1-26 22:47:31 | 显示全部楼层
1.少了张效果图（影响不大）
2.solid实现，改为solid实线
3.说了text-indent: -9999px是把块移到屏幕外，好奇是通过什么css样式命令让它进入视野的

评分

参与人数 1荣誉 +10 鱼币 +5 收起 理由
不二如是 + 10 + 5 谢谢指正～

查看全部评分

小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

不二如是
 楼主| 发表于 2017-1-27 06:59:20 | 显示全部楼层
type_J 发表于 2017-1-26 22:47
1.少了张效果图（影响不大）
2.solid实现，改为solid实线
3.说了text-indent: -9999px是把块移到屏幕外， ...

谢谢，1，2已修复～～～

只要不用-9999px视线外，默认就是在视线内
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

SonOmiga
发表于 2017-3-5 10:47:20 | 显示全部楼层
直接把h1 文字注释掉不就好了嘛
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

joker11111
发表于 2017-3-5 15:38:43 | 显示全部楼层
交作业
1111.png

点评

我很赞同！: 5.0
不二如是
我很赞同！: 5
  发表于 2017-3-5 18:12

评分

参与人数 1荣誉 +5 鱼币 +5 贡献 +3 收起 理由
不二如是 + 5 + 5 + 3 作业榜样~

查看全部评分

小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

18813034116
发表于 2017-5-21 17:27:40 | 显示全部楼层
使用h1标签是为了方便搜索引擎检索到你的页面，所以h1标签里的文字也是必要的，但是又有字又有背景图片就很不好看了，所以需要把文字给隐藏掉，青春无敌帅气迷人的楼主，我说的对吗
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

晓月56
发表于 2017-7-1 11:47:35 | 显示全部楼层
上车后首先系好安全带
0026-padding-border-left-.jpg
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

aswyamato1989
发表于 2017-7-15 02:33:47 | 显示全部楼层
终于知道小甲鱼老湿的真名了！
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

MSK
发表于 2017-7-16 10:25:44 | 显示全部楼层
交作业~
捕获.PNG
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

aswyamato1989
发表于 2017-7-16 12:57:41 | 显示全部楼层
交作业！
026.jpg
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

Hesion
发表于 2017-8-16 07:27:14 | 显示全部楼层
<!DOCTYPE html>
<html>
<head>
        <title>鱼C工作室</title>
        <style type="text/css">
                        h1{
                                color: #0D0;
                                font-family: "KaiTi";
                                font-weight: bold;
                                padding: 9px;
                                /*border-bottom: 4px solid rgba(0,0,0,.15);*/
                                text-indent: -99999px;
                                background: url(logo.png) no-repeat 0 50%;
                                height: 100px;
                                                background-size: 175px 60px;
                        }
                        p{
                                padding: 2px 10px;
                                text-indent: 2em;
                                border-left: 3px dotted #27AE59;
                                background: #ECF0F1;
                        }
        </style>
</head>
<body>
<h1>鱼C工作室</h1>
<p>小甲鱼（本名 李佳宇），鱼C工作室创始人，七年编程教学工作经验，<br>
已发布过《零基础入门学习Python》、《数据结构和算法》、《带你学C带你飞》、《Windows程序设计》、《解密系列》等系列视频教程。<br>
视频在网易云课堂、百度传课、51CTO等网站发布后，广受网友好评，多次被网页及相关专题推荐，累计学习人数达30万。</p>
</body>
</html>
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

华丽转身123
发表于 2018-4-30 15:56:54 | 显示全部楼层
看帖回帖,我来过,我走了,带走我的思想,留下回忆
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

rock5442107
发表于 2018-6-7 20:25:47 | 显示全部楼层
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.                 <meta charset="UTF-8">
  5.         <title>026</title>
  6.         <style type="text/css">
  7.         h1{
  8.                 height: 100px;
  9.                 color:#0D0;
  10.                 font-family: KaiTi;
  11.                 font-weight: bold;
  12.                 padding: 9px;
  13.                 /*border-bottom:9px solid rgba(0,0,0,.15);*/
  14.                 text-indent:-9999px;
  15.                 background:url(FishC2.png) no-repeat 0 50%;
  16.                 background-size: 175px 50px;
  17.         }
  18.         p{
  19.                 padding:5px 10px;
  20.                 text-indent:2em;
  21.                 border-left:3px solid #27AE59;
  22.                 border-bottom:1px dotted #FF0088;
  23.                 background:#ECF0F1;
  24.         }
  25.             </style>
  26. </head>
  27. <body>
  28. <h1>鱼C工作室</h1>
  29. <p>小甲鱼（本名 李佳宇），鱼C工作室创始人，七年编程教学工作经验。<br>
  30.         已发布过《零基础入门学习Python》、《数据结构和算法》、《带你学C带你飞》、《Windows程序设计》、《解密系列》等系列视频教程。<br>
  31.         视频在网易云课堂、百度传课、51CTO等网站发布后，广受网友好评，多次被网页及相关专题推荐，累计学习人数达30万。</p>
  32. </body>
  33. </html>
复制代码


026.jpg

小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

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

  4. <head>
  5.     <meta charset="utf-8" />
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <title>Page Title</title>
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.     <style type="text/css">
  10.         h1 {
  11.             font-family: KaiTi, '楷体';
  12.             color: #abc;
  13.             /* padding:10px 5px 15px 20px;  */
  14.             padding: 9px;
  15.             border-bottom: 2px solid rgba(0, 0, 0, .15);
  16.             font-weight: bold;
  17.             text-indent: -9999px;
  18.             background: url(./26.png) no-repeat 0 50%;
  19.             height: 100%;
  20.             background-size: 175px 60px;
  21.         }
  22.         
  23.         p {
  24.             text-indent: 2em;
  25.             border-left: 3px solid #27ae59;
  26.             background: #ecf0f1;
  27.         }
  28.     </style>

  30. </head>

  32. <body>
  33.     <h1>鱼C工作室<img src="./26.png"></h1>
  34.     <p>
  35.         小甲鱼（本名 李佳宇），鱼C工作室创始人，七年编程教学工作经验.
  36.         <br>已发布过《零基础入门学习Python》、《数据结构和算法》、《带你学C带你飞》、《Windows程序设计》、《解密系列》等系列视频教程。
  37.         <br>视频在网易云课堂、百度传课、51CTO等网站发布后，广受网友好评，多次被网页及相关专题推荐，累计学习人数达30万。
  38.     </p>
  39. </body>

  41. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

QiaoaiMen
发表于 2018-11-20 15:40:59 | 显示全部楼层
交作业。
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <meta charset="utf-8">
  5.         <title>0026练习</title>
  6.         <style type="text/css">
  7.                 h1{
  8.                         color: #0D0;
  9.                         font-family: KaiTi;
  10.                         font-weight: bold;
  11.                         padding: 9px;
  12.                         /*border-bottom: 2px solid rgba(0,0,0,.15)/*RGB颜色与透明度，但是没有实现其他颜色的显示效果*/
  13.                         text-indent: -9999px;/*如果要注释掉包含注释的部分，末尾不需要两个*/
  14.                         background: url(logo.png) no-repeat 0 50%;
  15.                 }
  16.                 p{
  17.                         padding: 5px 10px;
  18.                         text-indent: 2em;
  19.                         border-left: 3px solid #27AE59;
  20.                         background: #ECF0F1;
  21.                 }
  22.         </style>
  23. </head>
  24. <body>
  25.         <h1>鱼C工作室</h1>
  26.         <p>小甲鱼（本名 李佳宇），鱼C工作室创始人，七年编程教学工作经验。<br>已发布过《零基础入门学习Python》、《数据结构和算法》、《带你学C带你飞》、《Windows程序设计》、《解密系列》等系列视频教程。<br>视频在网易云课堂、百度传课、51CTO等网站发布后，广受网友好评，多次被网页及相关专题推荐，累计学习人数达30万。</p>
  27. </body>
  28. </html>

复制代码
026.JPG

小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

TCY
发表于 2019-2-15 09:28:23 | 显示全部楼层
小甲鱼还能看不到？
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

克里斯保罗
发表于 2019-8-15 20:21:40 | 显示全部楼层
交作业！
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>myself</title>
  6.         <style type="text/css">
  7.                 h1{
  8.                         color: #0D0;
  9.                         font-family: 'KaiTi';
  10.                         font-weight: bold;
  11.                         padding: 9px;
  12.                         /*border-bottom: 2px solid rgba(0,0,0,.15);*/
  13.                         text-indent: -9999px;
  14.                         background:url(qiyu.jpg) no-repeat 0.50%;
  15.                         height: 100px;
  16.                         background-size: 175px 60px
  17.                 }
  18.                 p{
  19.                         padding: 5px 10px;
  20.                         text-indent: 2em;
  21.                         border-left: 3px solid #27AE59;
  22.                         background:#ECF0F1;
  23.                 }
  24.         </style>
  25. </head>
  26. <body>
  27.         <h1>小乌龟</h1>
  28.         <p>小甲鱼（本名 李佳宇），鱼C工作室创始人，七年编程教学工作经验，已发布过《零基础入门学习Python》、《数据结构和算法》、《带你学C带你飞》、《Windows程序设计》、《解密系列》等系列视频教程。视频在网易云课堂、百度传课、51CTO等网站发布后，广受网友好评，多次被网页及相关专题推荐，累计学习人数达30万。</p>
  29. </body>
  30. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

你在意在便在
发表于 2019-10-29 09:58:34 | 显示全部楼层
作业作业
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5.         <title>鱼C工作室</title>
  6.         <style>
  7.           h1 {
  8.             color:#ff7675;
  9.             font-family: "KaiTi";
  10.             font-weight: bold;
  11.             padding: 9px;
  12.             border-bottom: 2px solid rgba(0,0,0,.15);  /* .15是15%的透明度 */
  13.             text-indent: -9999px; /* 谨记此法 移出文字*/
  14.             background: url(fishc.png) no-repeat 0 50%;
  15.             height: 50px;
  16.             /* background-size: 175px 60px; */
  17.           }
  18.           p {
  19.             padding: 5px 10px;
  20.             text-indent: 2em;
  21.             border-left: 3px solid #27AE59;
  22.             background: #dfe6e9;
  23.           }
  24.         </style>
  25. </head>
  26. <body>
  27. <h1>鱼C工作室</h1>
  28. <p>小甲鱼（本名 李佳宇），鱼C工作室创始人，七年编程教学工作经验。
  29. <br>已发布过《零基础入门学习Python》、《数据结构和算法》、《带你学C带你飞》、《Windows程序设计》、《解密系列》等系列视频教程。视频在网易云课堂、百度传课、51CTO等网站发布后，广受网友好评，多次被网页及相关专题推荐，累计学习人数达30万。</p>
  30. </body>
  31. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

小脑斧
发表于 2020-3-10 18:08:27 | 显示全部楼层

                               
登录/注册后可看大图

小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

下一页 »
12下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2025-6-8 13:36

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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