Defining CSS Styles

The style element defines CSS styles inline in your HTML document.

 
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
<style type="text/css">
a {
      background-color: grey;
      color: white;
      padding: 0.5em;
}
</style>
</head>
<body>
      <a href="http://java2s.com">Visit java2s.com</a>
</body>
</html>
Home 
  HTML CSS Book 
    HTML  

Document Structure:
  1. The doctype Element
  2. The html Element
  3. The head Element
  4. The body Element
  5. Setting the Document Title
  6. Setting the Base for Relative URLs
  7. Specifying Name/Value Metadata Pairs
  8. Declaring a Character Encoding
  9. Simulate an HTTP Header
  10. Defining CSS Styles
  11. Specifying the Media for a Style
  12. Denoting External Resources
  13. Defining a Favicon for Your Page
  14. Using the Scripting Elements
  15. Loading an External Scripting Library
  16. Deferring Execution of a Script
  17. Executing a Script Asynchronously
  18. The noscript Element
  19. Redirect the user to a different URL if it doesn't support JavaScript.
Related: