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

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 技术交流 › Web开发 › Web密训营 › 0 0 0 8 - CSS样式文件
123
返回列表 发新帖
楼主: 不二如是

[庖丁解牛] 0 0 0 8 - CSS样式文件

[复制链接]
荔枝葡萄
发表于 2021-2-3 15:44:41 | 显示全部楼层
css:
  1. @charset "utf-8";

  3. html, body {
  4.         height: 100%;
  5.         color: #FF0088;
  6.         font-family: "华康少女文字W5";
  7. }

  9. h1 {
  10.         font-size: 66px;
  11.         margin-bottom: 22px;
  12. }

  14. p {
  15.         font-size: 33px;
  16.         margin-bottom: 22px;
  17. }

  19. a {
  20.         font-size: 55px;
  21.         background: #33FFFF;
  22.         color: #FFF;
  23.         border: 1px solid #33FFFF;
  24.         border-radius: 10px;
  25.         padding: 10px 66px;
  26.         text-decoration: none;
  27. }

  29. body {
  30.         background: url(12.jpg) center center;
  31.         background-size: cover;
  32.         margin: 0;
  33.         padding: 0;
  34.         position: relative;
  35. }
  36.                
  37. #container {
  38.         width: 100%;
  39.         text-align: center;
  40.         position: absolute;
  41.         top: 50%;
  42.         transform: translateY(-50%);
  43. }
复制代码


html:
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.                 <title>我的HTML世界</title>
  7.                 <link rel="stylesheet" href="styles.css" type="text/css">
  8.         </head>
  9.         <body>
  10.                 <div id="container">
  11.                         <h1>我爱鱼C</h1>
  12.                         <p>www.fishc.com - 让编程改变世界</p>
  13.                         <a href="http://bbs.fishc.com">传送门</a>
  14.                 </div>
  15.         </body>
  16. </html>
复制代码


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

使用道具 举报

hanyuncanying
发表于 2021-8-23 18:05:11 | 显示全部楼层
五好青年：
不会唱歌
不会打麻将
不会抽烟
不会喝酒
不会泡妞

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-4-27 14:55

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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