Intermediate CSS - PART I

1. Favicon

favicon.io/favicon-converter/

Favicon.io - The Ultimate Favicon Generator (Free)

---

2. Div

margin

---

3. Box Model

width, height, border, padding, margin

top right bottom left values are clock-wise unless specifies the property

box model

---

4. Display

Block elements:

- paragraphs

- headers

- divisions

- lists and list items

- forms

 

blocking any other element from it.

 

<span>: select part of text from block elements. In short, span is inline display element.

Common Inline Elements:

- span

- images

- anchors

 

cons: inline element can't change width, block can.

 

Here's inline-block elements come.

 

Summary:

Types of Display element:

block, inline, inline-block, none

 

visibility:

hidden

 

*display: none VS visibility: hidden

- {display: none} makes no space left.

- {visibility: hidden} makes it hidden with the room for it.