Skip to content

HTML and CSS documentation, concepts, challenges, tools, and much more.

Notifications You must be signed in to change notification settings

marcelosperalta/docs_html_css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML    CSS

HTML and CSS Docs

⤵️ Table of Contents


Glossary

  • Content management system
    • A content management system (CMS) is a computer software used to manage the creation and modification of digital content (content management). A CMS is typically used for enterprise content management (ECM) and web content management (WCM).
  • Modal window / Modal dialog
    • In user interface design for computer applications, a modal window is a graphical control element subordinate to an application's main window. A modal window creates a mode that disables the main window but keeps it visible, with the modal window as a child window in front of it. Users must interact with the modal window before they can return to the parent application. This avoids interrupting the workflow on the main window. Modal windows are sometimes called heavy windows or modal dialogs because they often display a dialog box.
  • Responsive web design
    • Responsive web design (RWD) or responsive design is an approach to web design that aims to make web pages render well on a variety of devices and window or screen sizes from minimum to maximum display size to ensure usability and satisfaction.
  • Website wireframe
    • A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website.The term wireframe is taken from other fields that use a skeletal framework to represent 3 dimensional shape and volume. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. The purpose is usually driven by a business objective and a creative idea. The wireframe depicts the page layout or arrangement of the website's content, including interface elements and navigational systems, and how they work together.

HTML

Documentation

  • <html>
  • <base>
  • <head>
  • <link>
  • <meta>
  • <style>
  • <title>
  • <body>
  • <address>
  • <article>
  • ...

Global attributes are attributes common to all HTML elements; they can be used on all elements, though they may have no effect on some elements...

  • class
  • hidden
  • id
  • style
  • title
  • ...

Debug (Debugging)

Tools

  • Automated tool for improving the quality of web pages

Courses


CSS

Documentation

style

  • global attribute

    <html>
    <head>
    </head>
    <body>
      <p style="color: red;">Global attribute</p>
    </body>
    </html>
    
  • HTML element

    <html>
    <head>
      <style>
        p {
          color: red;
        }
      </style>
    </head>
    <body>
      <p>HTML element</p>
    </body>
    </html>
    
  • file

    index.html

    <html>
    <head>
        <link href="style.css" rel="stylesheet">
    </head>
    <body>
      <p>HTML element</p>
    </body>
    </html>
    

    style.css

    p {
      color: red;
    }
    

Design System Tools

Preprocessor

CSS-in-JS

Design methodologies

Framework

Software development tool

Articles


Web Accessibility

Responsive web design (RWD)

Concepts


Prototyping / Wireframe


Design system / Design language


Fonts


Stock Photos


Content management system (CMS)

Browser Support