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

@font-face {
  font-family: "RF Rostin";
  src: url(../fonts/rf-rostin-regular.otf);
}

vars

:root {
    --main-color: #ffbc5b;
    --responsiveness: 0.5s;
    --font: "IBM Plex Mono", monospace;
}

using

body>* {
  background-color: var(--main-color);
  font-family: var(--font);
}

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

<div>
<div class='inline'><div>I'm here</div></div>
   <div class='inline'><div>I'm follow</div></div>
</div>
.inline { 
    display: inline-block; 
    border: 1px solid red; 
    margin:10px;
    }

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://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flexible_box_layout/Mastering_wrapping_of_flex_items

https://stackoverflow.com/questions/7123138/how-to-make-this-header-content-footer-layout-using-css

https://philipwalton.github.io/solved-by-flexbox/

https://alistapart.com/article/holygrail/

Last updated