CSS高尔夫运动

代码打高尔夫球是一种编程类型，其目标是使用尽可能少的字节完成任务。 CSSBATTATLE是一个代码打高尔夫战场，玩家完成了使用CSS和HTML重新创建目标图像的球员。

规则相当简单：

• 没有外部资源（对不起，没有）
• 您的解决方案必须在Chrome中正确渲染（仅出于评分目的）

从日常的前端作品开始，这可能是一个非常有趣的出发。除了使事情真正，非常小且仍然正确渲染之外，无需担心可维护性，语义，性能，可访问性或其他任何内容。

12尝试中的高尔夫解决方案

这种类型的思想与我们大多数人为生产网站编写前端代码的方式非常戏剧化（我希望！），所以我一直在Github上发布所有解决方案，以既要分享一些知识又向他人学习。作为幸运的副作用，这也意味着我的意见书有相当详细的历史。

这是我尝试CSSBATTATTER的第7个目标的开始到本质上的说法，看起来像这样：

“仅居中的事物”方法

一种合理的第一种方法是简单地将元素贴在页面中间，在其上拍打盒子阴影和边框半径，然后将其称为完成。如果我们正在写这篇“真实”，那看起来可能是这样：

 

  
    
      身体 {
        背景：＃0B2429;
        保证金：0;
      }

      。叶子 {
        宽度：150px;
        身高：150px;
        边界拉迪乌斯：67％0；
        背景：＃f3ac3c;
        保证金：75px 0 75px 175px;
        盒子阴影：
          -50px 0＃998235， 
          -100px 0＃1A4341
      }
    
  
  
    <div></div>
  

以上是CSS高尔夫运动的详细内容。更多信息请关注PHP中文网其他相关文章！