silentBook
Search
K

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
@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
Last modified 3mo ago