User:Michel W/Self-learning: Difference between revisions

From XPUB & Lens-Based wiki
Line 58: Line 58:
'''<link ref="stylesheet" href="style.css">'''
'''<link ref="stylesheet" href="style.css">'''


⊹Conflict resolution:
⊹Conflict Resolution:


* Origin precedence: '''Last declaration wins'''
* 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'''

Revision as of 15:20, 30 December 2023

⭑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