css CSS基本启动器

Posted 2021-05-13

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

:root {
  font-size: 1em;
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

body {
  background-color: #f9f9f9;
  color: #222;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.4;
  margin: 0;
}

img, video {
  border: 0;
  height: auto;
  width: 100%;
}

/* Clearfix if using floats for layouts */
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}
.clearfix::after {
  clear: both;
}

/* Spacing between bullets */
li:not(:last-child) {
  margin-bottom: 8px;
}

/* other things */
::selection {
  color: #000;
  background: #fbd404
}

/* lobotomized owl selector
targets any element that immediately follows any other element.
selects all elements on the page that aren’t the first child of their parent.
*/
body * + * {
  margin-top: 1.5em;
  /* You may need to apply margin-top: 0 to certain elements */
}