Alapvető CSS formátummegadások

tagnév megadása (pl. p {...})

p {
 background-color:lightblue;
 border:red solid 1px;
 padding:6pt;
 }

HTML = Hypertext Markup Language


formátumosztály megadása (pl. p.ref {...})

p.ref {
 font-style:italic;
 }

A Hypertext Markup Language fordítása: hipertext alapú jelölő nyelv.


több tagnév, formátumosztály stb. megadása (pl. ul, ol, p.ref {...})

ul, ol, p.ref {
 background-color:lightgray;
 border:gray groove 5px;
 /*
 padding-top:6pt;
 padding-bottom:6pt;
 */
 padding:6pt 6pt 6pt 1cm;
 }

HTML
CSS
JavaScript

  1. HTML
  2. CSS
  3. JavaScript

egyedi azonosító megadása (pl. #box {...})

#box {
 background-color:pink;
 border:blue solid 1px;
 padding:6pt;
 font-weight:bold;
 }
HTML = Hypertext Markup Language

a tagnév kontextusának megadása (pl. p a {...})

p a {
 color:red;
 background-color:#D0D0FF;
 }

HTML = Hypertext Markup Language
a nyelv elemeinek leírása: HTML Element Reference


a tagnév attribútumának megadása (pl. abbr[title] {...})

abbr {
 background-color:gray;
 color:white;
 }
abbr[title] {
 background-color:white;
 color:black;
 }

HTML = Hypertext Markup Language
HTML


pszeudoelemek megadása (pl. span[title]:hover {...})

span[title] {
 background-color:white;
 color:black;
 border-bottom:gray dotted 1px;
 }
span[title]:hover {
 background-color:gray;
 color:white;
 }

HTML


Boda István, 2019.