CSS
https://www.w3.org/TR/CSS/
Validator: https://jigsaw.w3.org/css-validator/#validate_by_input
https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content https://thoughtbot.com/blog/transitions-and-transforms https://developer.mozilla.org/en-US/docs/Web/CSS/font https://developer.mozilla.org/en-US/docs/Web/CSS/opacity
https://learn.javascript.ru/css-selectors https://www.w3schools.com/css/css_display_visibility.asp https://www.freecodecamp.org/news/css-display-none-and-visibility-hidden-the-difference/
https://codepen.io/enjikaka/pen/zxdYjX/left
vars
using
flex
::after content: ">";
::before content: ">";
position: absolute position: relative
z-index:
reset styles
horizontal list
https://stackoverflow.com/questions/25037084/how-can-i-display-two-div-in-one-line-via-css-inline-property
use inline-block
instead of inline
. Read more information here about the difference between inline and inline-block: https://stackoverflow.com/questions/8969381/what-is-the-difference-between-display-inline-and-display-inline-block
Vertically align text in a div
https://stackoverflow.com/questions/2939914/how-do-i-vertically-align-text-in-a-div
The correct way to do this in modern browsers is to use Flexbox. See this answer for details: https://stackoverflow.com/a/13515693/102937
Great source: http://howtocenterincss.com/
https://stackoverflow.com/questions/2939914/how-do-i-vertically-align-text-in-a-div/
Demo: CSS image hover effects
https://codepen.io/nxworld/pen/ZYNOBZ
https://www.w3schools.com/css/css_float.asp https://www.w3schools.com/css/css3_animations.asp
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate https://developer.mozilla.org/en-US/docs/Web/CSS/rotate
https://learn.javascript.ru/css-selectors
Introduction to the CSS basic box model: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model
https://www.w3schools.com/w3css/default.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/gap
How to reset/remove CSS styles for a specific element or selector only https://stackoverflow.com/questions/15901030/how-to-reset-remove-css-styles-for-a-specific-element-or-selector-only
https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform
https://www.w3docs.com/snippets/css/how-to-add-html-entities-using-css-content.html
https://css-tricks.com/using-webp-images/
https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
https://developer.mozilla.org/en-US/docs/Web/CSS/attr
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_media_queries/Using_media_queries https://developer.mozilla.org/ru/docs/Web/CSS/@media
!!!! https://www.freecodecamp.org/news/learn-css-media-queries-by-building-projects/
https://www.tutorialrepublic.com/faq/how-to-transform-image-size-on-mouse-hover-without-affecting-the-layout-in-css.php
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model
https://stackoverflow.com/questions/26371129/using-after-with-an-image-tag
Как через css заменить текст в строке и предать анимацию этой замене? https://qna.habr.com/q/594194
CSS Horizontal Navigation Bar: https://www.w3schools.com/css/css_navbar_horizontal.asp
Changing the child element's CSS when the parent is hovered: https://stackoverflow.com/questions/5061940/changing-the-child-elements-css-when-the-parent-is-hovered https://www.geeksforgeeks.org/how-to-style-parent-element-when-hover-over-a-child-element-in-css/
Чем отличается background-color от background? https://qna.habr.com/q/256498
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ http://cssmediaqueries.com/
https://developer.mozilla.org/en-US/docs/Web/CSS/z-index
https://stackoverflow.com/questions/3245141/using-otf-fonts-on-web-browsers
https://stackoverflow.com/questions/69938882/how-to-change-svg-fill-on-hover
https://developer.mozilla.org/en-US/docs/Web/CSS/transform
https://stackoverflow.com/questions/39056537/why-don-t-svg-images-scale-using-the-css-width-property
https://developer.mozilla.org/en-US/docs/Web/CSS/display https://stackoverflow.com/questions/3740949/css3-get-last-element
https://jsfiddle.net/6e84tk0s/
https://stackoverflow.com/questions/7123138/how-to-make-this-header-content-footer-layout-using-css
Last updated