search

Rangirroa / JavaScript-From-Zero-to-One

0 stars 0 forks source link

Borders, paddings and margins #3

Open yarkoyarok opened 2 years ago

yarkoyarok commented 2 years ago

use following markup:

<ul class="first">
  <li>something</li>
  <li>something</li>
  <li>something</li>
</ul>

<ul class="second">
  <li>something</li>
  <li>something</li>
  <li>something</li>
</ul>

<ul class="third">
  <li>something</li>
  <li>something</li>
  <li>something</li>
</ul>

get same render in browser without changing HTML, only CSS part should be changed (place it into head inside style tag this time):

yarkoyarok commented 2 years ago

You can get everything needed regarding CSS properties and even more useful information here:

https://docs.google.com/presentation/d/16VHi9H61D4DULP1PxtPPoVphXMGSQiiMHvUSuO40l9Q/htmlpresent?hl=uk

yarkoyarok commented 2 years ago

Also you need to know about CSS selectors:

https://code.tutsplus.com/uk/tutorials/the-30-css-selectors-you-must-memorize--net-16048