☰ open

VSC + HTML + CSS

Základní zkratky

! Vypíše kompletní hlavičku
HTML:5 Vypíše kompletní hlavičku
div <div> </div>
div.clasname <div class="clasname" > </div>
div#idname <div id="idname" > </div>
ul>li <ul> <li> </li> </ul>
ul>li*5 Vypíše uzavřenou ul a v ní 5 linek li
div>p <div> <p> </p><div>
div>p*5 Vypíše div a v něm pět odstavců p
div>ul>li*5 Vypíše div s uzavřeným ul v němž bude pět uzavřených řádků li
div.item$*4 Vypíše čtyři div s class=item1class="item4"
a:link <a href=""> </a>
a:email <a href="mailtro:"></a>
img <img src="" alt="">
input:text <input type="text">
input:password <input type="password">
input:checkbox <input type="checkbox">
input:radio <input type="radio">
input:submit <input type="submit">
form:post <form action=" " method="post"> </form>
table>tr*3>td*3 Vypíše table o třech tr v každém tři td
link:css <link rel="stylesheet" href="">
script:src <script src="" > </script>
meta:charset <meta charset="UTF-8">
meta:viewport <meta name="viewport" content="width=device-width, initil-scale=1.0">
h1 <h1> </h1>
h2 <h2 > </h2>
h3 <h3> </h3>
h4 <h4> </h4>
h5 <h5> </h5>
h6 <h6> </h6>
p <p> </p>
span <span> </span>
secton <section> </section>
header <header> </header>
footer <footer> </footer >
nav <nav> <nav >
article <article> </article>
aside <aside> </aside>
main <main> </main>
em <em> </em>
strong <trong> </strong>
bq <blockquote> </blockquote>
code <code> </code>
pre <pre> <pre>
br <br>
hr <hr>
video <video src="" controls> </video>
audio <audio src="" controls> </audio>
anvas <canvas> <canvas>
iframe <iframe src=""> </iframe>
< >

HTML kousky


width:calc()

Menu

Barvy u zátržítek a boxů

Accordion

Hodiny

Single page

Pricing card

Fluid Layout with Flex

css.nothrem.cz/ css.benni.cz dev.to Github.com css tricks.com

Color

W3C CSS Color Specification

Základní zkratky

! Vypíše kompletní hlavičku
HTML:5 Vypíše kompletní hlavičku
div <div> </div>
div.clasname <div class="clasname" > </div>
div#idname <div id="idname" > </div>
ul>li <ul> <li> </li> </ul>
ul>li*5 Vypíše uzavřenou ul a v ní 5 linek li
div>p <div> <p> </p><div>
div>p*5 Vypíše div a v něm pět odstavců p
div>ul>li*5 Vypíše div s uzavřeným ul v němž bude pět uzavřených řádků li
div.item$*4 Vypíše čtyři div s class=item1class="item4"
a:link <a href=""> </a>
a:email <a href="mailtro:"></a>
img <img src="" alt="">
input:text <input type="text">
input:password <input type="password">
input:checkbox <input type="checkbox">
input:radio <input type="radio">
input:submit <input type="submit">
form:post <form action=" " method="post"> </form>
table>tr*3>td*3 Vypíše table o třech tr v každém tři td
link:css <link rel="stylesheet" href="">
script:src <script src="" > </script>
meta:charset <meta charset="UTF-8">
meta:viewport <meta name="viewport" content="width=device-width, initil-scale=1.0">
h1 <h1> </h1>
h2 <h2 > </h2>
h3 <h3> </h3>
h4 <h4> </h4>
h5 <h5> </h5>
h6 <h6> </h6>
p <p> </p>
span <span> </span>
secton <section> </section>
header <header> </header>
footer <footer> </footer >
nav <nav> <nav >
article <article> </article>
aside <aside> </aside>
main <main> </main>
em <em> </em>
strong <trong> </strong>
bq <blockquote> </blockquote>
code <code> </code>
pre <pre> <pre>
br <br>
hr <hr>
video <video src="" controls> </video>
audio <audio src="" controls> </audio>
anvas <canvas> <canvas>
iframe <iframe src=""> </iframe>
< >