Loading...

📝 Core 1 Interaction Week 10 Notes —

Harmonic Collection Show and Tell

Please paste your most recent entry below

https://abigailmichals-school.github.io/micha.github.io/entries/entry-7/index.html

https://hiyasmh.github.io/entries/entry7/index.html

https://choev865.github.io/choev.github.io/entries/entry7/index.html

https://chunc431.github.io/chunc.github.io/entries/entry7/index.html

https://kandd871.github.io/entries/entry7/index.html

https://sherr934.github.io/entries/entry7/index.html

https://lyncr649.github.io/lyncr.github.io/entries/entry7/index.html https://birnl154.github.io/entries/entry7/index.html

https://layurathe.github.io/lil953.github.io/entries/entry7/index.html

https://xiaoy985.github.io/entries/entry7/index.html

https://zhouy526.github.io/entries/entry7/index.html

https://samvariyam.github.io/varis260.github.io/entries/entry7/index.html

https://kirtiporeddy.github.io/entries/entry7/entry7.html.

https://ferre011.github.io/entries/entry7/index.html

📝 Notes, Positioning with CSS

Here are some basic principles.

When you’re creating CSS layouts, you’ll often position things with one of 5 terms:

static

relative

fixed

absolute

sticky

You address this in the following manner:

div {

position: static;

}

To follow along, create an HTML document…

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" href="main.css">

</head>

<body>

<h1 class="title">Hello</h1>

<div class="static">

</div>

<div class="relative">

</div>

<div class="absolute">

</div>

<div class="fixed">

</div>