Рубрика: HTML & CSS

Полезные ссылки по CSS

CSS

Селекторы   Ссылка

  • точка — класс
  • # — id
  • без ничего — элемент hr, body

Правила селектора

  • запись родитель ребенок где родители/дети могут быть любым селектором
  • table.myClassName {} — элемент table имеющий класс myClassName
  • .myClassName table {} — элемент table имеющий элемент-родитель класса myClassName
body {
  background-color: #000;
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 85%;
}

#content {
  background-color: #fff;
  color: #000;
  padding: 2em;
}

#content a {
  color: #050;
}

#content a:hover {
  color: #0a0;
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  color: #0a0;
}

.menu a.active {
  color: #0a0;
}

.header__site-link:link, .header__site-link:visited {
  color: #fff;
}

.tabs-primary__tab, .tabs-primary__tab.is-active {
}

h1 {
  font-size: 1.3em;
  line-height: 1.4em;
}

h2 {
  font-size: 1.1em;
  line-height: 1.2em;
}
h3,h4,h5 {
  font-size: 1.05em;
  line-height: 1.1em;
}

p.submitted {
  font-size: 0.7em;
}

.header__logo-image {
  padding-right: 1em;
}