User:Michel W/Self-learning: Difference between revisions
(→⭑CSS⭑) |
(→⭑CSS⭑) |
||
Line 47: | Line 47: | ||
* Adjacent sibling selector ''(selector + selector)'' | * Adjacent sibling selector ''(selector + selector)'' | ||
* General sibling selector ''(selector ~ selector)'' | * General sibling selector ''(selector ~ selector)'' | ||
⊹Pseudo-Class Selector | |||
* :link | |||
* :visited | |||
* :hover | |||
* :active | |||
* :inth-child |
Revision as of 23:53, 29 December 2023
⭑HTML⭑
⊹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: | < ; | > ; | & ; |
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
- :inth-child