Vade-mecum

  • General Sibling Combinator (~)

    The General Sibling Combinator (~) is a CSS selector that matches elements that are siblings of a specified element. In simpler terms, it selects elements that share the same parent element as the specified element. Syntax How it works: Example This rule will style all div elements that are siblings of a p element. For…

    Read…

    Category :
  • Adjacent Sibling Combinator (+)

    The Adjacent Sibling Combinator (+) in CSS is used to select an element that immediately follows another element. Syntax How it works: Example Let’s say we have the following HTML structure: If we want to style the second paragraph differently, we can use the adjacent sibling combinator: This CSS rule will only apply to the…

    Read…

    Category :
  • Child Combinator selector (>)

    The child combinator (>) in CSS is a powerful selector that allows you to target elements that are direct children of a specific parent element. This means it selects only the immediate children, not grandchildren or other descendants. Syntax Example Let’s say you have the following HTML structure: To style only the direct child paragraph,…

    Read…

    Category :
  • Displaying a Favicon in HTML

    A favicon is a small icon associated with a website or web page. It appears in the browser’s address bar or tab. To display a favicon on your website, you’ll need to create an image file (usually in .ico format) and link it to your HTML document using the <link> tag within the <head> section.…

    Read…

    Category :
  • CSS Syntax

    A CSS rule is like a set of instructions that tells your browser how to style a specific HTML element or group of elements. It consists of two main parts: Example In this example: How CSS Rules Work When a browser loads an HTML page with linked CSS stylesheets, it applies the rules to the…

    Read…

    Category :
  • <style> external style

    To apply styles to your HTML elements using an external CSS file, you’ll need to link it within the <head> section of your HTML document. Here’s how: 1. Create the CSS File 2. Link the CSS File in HTML Complete HTML Example Important Considerations

    Read…

    Category : ,