User:Michel W/Self-learning

⭑HTML⭑

My⭑Github⊹⊹⊹

⊹Well chosen content of H1 element is crucial to SEO.

Html Entities

• Help avoid rendering issues
• Safeguard against more limited character encoding
• Provide characters not available on a keyboard

Instead of	<	>	&
Use:	&lt ;	&gt ;	&amp ;

Use nbsp; HTML document ALWAYS appear together on 1 line

After the 1st word and after the 2nd word (with no spaces in between words and entity references)

⊹Option + Command + I --- Google Chrome

⭑CSS⭑

⊹Syntax simple CSS selectors

• Element
• class (define with .)
• id (define with #)

⊹Combining Selectors:

• Element with class selectors (selector.class)
• Child (direct) selector (selector > selector)
• Descendant selector (selector selector)

-Didn't cover:

• Adjacent sibling selector (selector + selector)
• General sibling selector (selector ~ selector)

⊹Pseudo-Class Selector

• : link
• : visited
• : hover
• : active
• : nth-child

<link ref="stylesheet" href="style.css">

⊹Conflict Resolution

• Origin precedence: Last declaration wins
• Inheritance: DOM Tree
• Specificity: Most specific selector combination wins

(Score) 1. Style="..." 2. ID 3. Class, pseudo-class, attribute 4. # of Elements

⊹Styling Text

.style {
  font-family: Arial, Helvetica, sans-serif;
  color: #0000ff;
  font-style: italic;
  font-weight: bold;
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
}