ʀᴇɢɪx
📙Best book of the week📙 #html #css #JavaScript @etwebs
Book gallery.zip
108.5 KB
Source code
Do not forget to React for More Content Like this
Do not forget to React for More Content Like this
👍10🔥3
Check Spelling Easily in HTML
The
You can style misspelled words using this
Browser support is around 86%.
@etwebs
The
spellcheck attribute tells the browser to check spelling and grammar for text inside #input, #textarea, or #contenteditable elements.You can style misspelled words using this
::spelling-error { background-color: red; }
Browser support is around 86%.
@etwebs
👍8❤1🔥1
👩💻 Difference between drop-shadow and box-shadow
In general, these are two different CSS properties for creating shadows but they are used in different cases and have different features Let's consider them one by one
#box-shadow — adds a shadow to the frame of an element, that is, around its borders. This property works with any elements, creating a shadow that follows the contours of the element.
#drop-shadow — is used with the filter function and allows you to create more complex shadows for graphics and texts. It takes into account the transparency and shape of the element's content, which is especially useful for images and SVG.
@etwebs | #css
In general, these are two different CSS properties for creating shadows but they are used in different cases and have different features Let's consider them one by one
#box-shadow — adds a shadow to the frame of an element, that is, around its borders. This property works with any elements, creating a shadow that follows the contours of the element.
#drop-shadow — is used with the filter function and allows you to create more complex shadows for graphics and texts. It takes into account the transparency and shape of the element's content, which is especially useful for images and SVG.
@etwebs | #css
👍4⚡1
#Pseudo-class
The:is() pseudo-class in CSS allows you to shorten and simplify complex selectors by combining several selectors into one rule.
📌 The main advantage of :is() is that it reduces the specificity of the selector, simplifying writing and preventing style conflicts
Don't forget to React 🤎 for More Content Like this
#css @etwebs
:is() simplifying complex selectorsThe:is() pseudo-class in CSS allows you to shorten and simplify complex selectors by combining several selectors into one rule.
📌 The main advantage of :is() is that it reduces the specificity of the selector, simplifying writing and preventing style conflicts
#css @etwebs
👍5❤3🔥1
🧑💻 Difference between #id and #class in HTML
The id and class attributes in HTML play an important role in organizing the structure of a page and applying styles. While both attributes can be used to set styles or work with JavaScript, there are key differences in their use:
#id — used for elements that appear only once, such as a site header, main block, or footer;
#class — used to group elements with the same styles or behavior, such as product cards, buttons, or content sections that are repeated on a page.
❤️ — if it was useful
💯 — if the base
@etwebs
The id and class attributes in HTML play an important role in organizing the structure of a page and applying styles. While both attributes can be used to set styles or work with JavaScript, there are key differences in their use:
#id — used for elements that appear only once, such as a site header, main block, or footer;
#class — used to group elements with the same styles or behavior, such as product cards, buttons, or content sections that are repeated on a page.
❤️ — if it was useful
💯 — if the base
@etwebs
❤9