CSS @import Rule

Importing Google Web Font in CSS file.


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

Importing stylesheet into an existing stylesheet.


@import url("custom-stylesheet.css");

Slanted edge in div – CSS3

We can use a skewed pseudo element to make the slanted edge of your element.


div {
  position: relative;
  display: inline-block;
  padding: 1em 5em 1em 1em;
  overflow: hidden;
  color: #fff;
}

div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: skew(-45deg);
  -ms-transform: skew(-45deg);
  transform: skew(-45deg);
  z-index: -1;
}

Responsive Viewport Meta Tag


<meta name="viewport" content="width=device-width"/>

Which means “browser, render this website exactly as wide as you are naturally.”


<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

The initial-scale=1.0 part sets the initial zoom level when the page is first loaded by the browser.