CSS TAGS

accent-color accent-colisibility backgrou-bloe-size inset inset-block iend margin-block-start margin-bottom margin-inline margin-inline-end margin-inline-start margin-left margin-right margin-top marker marker-end marker-mid marker-start mask mask-clip mask-composite mask-image mask-mode mask-origin mask-position mask-repeat mask-size mask-type max-block-size max-height max-inline-size max-width @media min-block-size min-inline-size min-height min-width mix-blend-mode @namespace object-fit object-position offset offset-anchor offset-distance offset-path offset-position offset-rotate opacity order orphans outline outline-color outline-offset outline-style outline-width overflow overflow-anchor overflow-wrap overflow-x overflow-y overscroll-behavior overscroll-behavior-block overscroll-
HTML
JavaScript

Far from being done please come back to visit

Move your mouse down over the blue and then click on the dark blue for a demonstration 

INTRODUCTION TO CSS )

"what is CSS?"
  • CSS stands for Cascading Style Sheets
"simple_html_document"
  • The <!DOCTYPE html> declaration defines that this document is an HTML5 document
  • The <html> element is the root element of an HTML page
  • The <head> element contains meta information about the HTML page
  • The <title> element specifies a title for the HTML page which will show in the browser's title bar or in the page's tab.
  • The <body> element defines the document's body, is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
  • The <h1> element defines a large heading.
  • The <p> element defines a paragraph
"what_is_html_element?"
  • An HTML element is defined by a start tag, some content, and an end tag.
  • The HTML element is everything from the start tag to the end tag
"nested_html_element"
  • An HTML element is defined by a start tag, some content, and an end tag.
  • The HTML element is everything from the start tag to the end tag
"empty_elements"
  • Empty elements do not have an end tag
"page_structure"
  • With this page structure you see everything that is inside the html
  • Web Browsers (Safari, Firefox, Edge, and Chrome) purpose is to read HTML documents and display them correctly.
  • The browsers uses them to determine how to display the document, the browsers do not display the HTML tags
"HTML Display"
  • No one can be sure how HTML will be displayed.
  • When the page is displayed the browser will automatically remove any extra spaces and lines.

CSS @ Property

CSS 2D-Transforms

CSS 3D-Transforms

CSS Align

CSS Animations

CSS Backgrounds

CSS Border Property

<borders>
  • The CSS border properties allow you to specify the style, width, and color of an element's border.
Border-colors
  • The border-color property is used to set the color of the four borders.
  • The color can be set by:
      • name - specify a color name, like "red"
      HSL - specify a HSL value, like "hsl(0, 100%, 50%)"
      RGB - specify a RGB value, like "rgb(255,0,0)"
      HEX - specify a HEX value, like "#ff0000"
  • IF BORDER-COLOR IS NOT SET, IT WILL INHERIT THE COLOR OF THE ELEMENT.
Border-width
  • The width can be set as a specific size (in px, pt, cm, em, etc) or by using one of the three pre-defined values: thin, medium, or thick:
  • The "border-width" property does not work if it is used alone.
  • Always specify the "border-style" property to set the borders first.
<>
<>
<>

CSS Box-Model

CSS Box-Sizing

CSS Buttons

CSS Colors

CSS Comments

CSS Custom-Fonts

CSS Display

CSS Errors

CSS Floats

CSS Height/Width

CSS How-to

CSS Large-Filters

CSS Icons

CSS Inage-Centering

CSS Image-Modal

CSS Image-Stying

CSS

CSS

CSS

CSS

CSS

CSS

CSS

CSS

CSS

CSS

CSS

CSS

CSS

CSS

CSS

CSS

CSS

CSS

CSS

CSS

CSS

CSS