CSS Compound Rules
Using compound rules in CSS allows for precise styling of elements depending on their hierarchical relationships or context. By selecting h or p elements within distinct sections like header, main, and footer, you have the flexibility to apply custom styles to each, thereby improving visual hierarchy and enhancing design coherence. (IE: header h2{ )
HTML Symbols
HTML symbols, also known as HTML entities or character entities, are special codes used to represent characters that are difficult or impossible to type directly on a keyboard, or characters that have special meanings in HTML syntax. These symbols are typically represented by an ampersand (&) followed by a unique identifier and a semicolon ; For example, apersand-lt; represents the less-than symbol <, and ampersand-amp; represents the ampersand &.
Here is a helpful list:
- & is &
- ! is !
- # is #
- $ is $
- % is %
- ( is (
- ) is )
- ● is ●
You can also hit & and it can give you sugesstions of symbols to put in.
Span Tag
The <span> tag proves invaluable for implementing precise styling within text blocks, such as paragraphs. This adaptability is essential for customizing specific portions of your content while preserving the overall block structure intact.
For Example:
p span {
font-family: your choice here; font-size: your choice here; font-weight: your choice here; color: your choice here;
}
Stylizing Links
a {
color:#3D6C6D;
text-decoration: none;
}
a:link {
text-decoration: none;
}
a:visited {
color: #3D6C6D;
}
a:hover {
font-weight: 500;
}
a:hover, a:visited {
outline: 0;
}