43 lines
1.1 KiB
HTML
43 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>CSS lernen</title>
|
|
<style>
|
|
/*
|
|
Syntax : https://www.w3schools.com/css/css_syntax.asp
|
|
Selektoren : https://www.w3schools.com/css/css_selectors.asp
|
|
ID, Klasse, Element, Pseudo-Selektoren
|
|
CSS einbinden
|
|
inline, internal, external
|
|
Spezifität : https://developer.mozilla.org/de/docs/Web/CSS/Guides/Cascade/Specificity
|
|
!important
|
|
Dev-Tools
|
|
Media Queries : https://www.w3schools.com/css/css_rwd_mediaqueries.asp
|
|
Alternativen
|
|
*/
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header>
|
|
<h1>Frontend Development</h1>
|
|
</header>
|
|
|
|
<section>
|
|
<header>
|
|
<h2>CSS lernen</h2>
|
|
</header>
|
|
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Alias repudiandae aut quae ex esse velit
|
|
accusantium eligendi necessitatibus voluptatum amet commodi saepe quas eveniet animi, corrupti, ab tempore
|
|
magni! Ratione?</p>
|
|
<footer>
|
|
<button>mehr erfahren</button>
|
|
</footer>
|
|
</section>
|
|
|
|
</body>
|
|
|
|
</html> |