[CSS] Day 4: Let's practice - box




Let's create box.html and retain basic html code

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>

  </body>
</html>

Block-level element and inline element

Block-level: uses entire space

/*
block level element
*/

Inline element: uses partial

/*
inline element
*/

comma , allows duplicate code

 h1, a{
     border:5px solid red;
 }

more examples : CSS box model --> image search




Right-Click --> Inspect









Popular posts from this blog

[AWS] Intro to Cloud Practitioner 01

What is Cloud Computing? On-demand delivery of IT resources and applications via the internet. This allows to measure scale up and down depends on what we actually need Could be temporary and easy to fix Could reduce risk and reliable coverage and secure data Agility is the key Quick response and flexibility is helpful  Could be used to your own pace Customer can grow and shrink flexible  Why do companies move to cloud computing? Its because of agility! 3 of the main factors that influence agility are: 1. Increasing speed 2. The easy of experimentation 3. Cultivating of cultural innovation Possible to global reach in a minute does not require much to depend on the building infrastructure Consistent development setting Elasticity - allow to scale up and down instantly
Read more

[AWS] AWS Management Interfaces 02

AWS Management Interfaces 3 ways to use AWS -  built upon API 1. AWS Management Console Easy-to-use graphical interface that supports the majority of Amazon Web Services Usability Benefits Let you use to open via the android platform  View your existing resources, alarms, perform operation tasks  2. Command Line Interface (CLI) Access to services via the discrete command Allow you to automate and repeat of the AWS resources 3. Software Development Kits (SDKs) Incorporate the connectivity and functionality of the wide range of AWS Cloud services into your code can help you use with your existing application by using code You have the flexibility to create your own
Read more