Css: Difference between revisions

From wikinotes
 
Line 23: Line 23:
<blockquote>
<blockquote>
<source lang="css">
<source lang="css">
/** ${PROJECT}/mystylesheet.css */
/* selector { property: value; ... } */
/* selector { property: value; ... } */
body {
body {
Line 38: Line 40:
}
}
</source>
</source>
<syntaxhighlight lang="html5">
<!-- ${PROJECT}/index.html -->
<head>
  <link rel="stylesheet" href="mystylesheet.css" />
</head>
</syntaxhighlight>
</blockquote><!-- example -->
</blockquote><!-- example -->



Latest revision as of 02:57, 26 September 2021

cascading stylesheets.

Documentation

homepage https://www.w3.org/Style/CSS/
MDN css https://developer.mozilla.org/en-US/docs/Web/CSS

Tutorials

web.dev learn css https://web.dev/learn/css/

Example

/** ${PROJECT}/mystylesheet.css */

/* selector { property: value; ... } */
body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}
<!-- ${PROJECT}/index.html -->

<head>
  <link rel="stylesheet" href="mystylesheet.css" />
</head>

Syntax

css sources
css selectors
css units
css cookbook
css CSSDOM