CSS Battle Breakdown - Battle 1: Pilot Battle - Target 1: Simply Square

preview_player
Показать описание

Chapters:
0:00 Introduction
0:43 Solving Method
2:38 Interface
5:12 Step 1: Evaluate The Target
6:03 Step 2: Duplicate The Target
7:33 Step 3: Optimize The Code
7:56 Step 4: Minimize The Code
10:03 Solution
10:44 Credits

Note:
After completing the video I realized that I forgot to remove the px from the width and height. With this change, the new score is 779,62 with 84 characters.

Thanks to DA X for this improvement:
<style>*{background:#5d3a3a}* *{margin:0 200 100 0;background:#b5e0ba
* applies the background color to everything including the html tag.
* * applied the style to all children of * which includes the body tag. The margins give 200px space on the right and 100px space on the bottom, revealing the brown of the html below the green of the body.
This provides a score of 807.23 with 69 characters.
Рекомендации по теме
Комментарии
Автор

just tried and got 69
<style>*{background:#5d3a3a}* *{margin:0 200 100 0;background:#b5e0ba
but I have no ideea how they got to 54

dreamaxle