CSS (Cascading Style Sheets) to język arkuszy stylów reprezentacji używany do opisywania wyglądu i formatowania dokumentów HTML (HyperText Markup Language), XML (Extensible Markup Language) i elementów SVG, w tym (ale nie tylko) kolorów, układu, czcionek, i animacje. Opisuje także, jak elementy powinny być renderowane na ekranie, na papierze, w mowie lub na innych mediach.

Więcej na temat css...

Mój problem Próbuję ustawić dwa obrazy tła na mojej stronie Wordpress, którą tworzę za pomocą Elementora. Mogę to łatwo zrobić, jeśli ustawię dwa obrazy tła dla ciała. Ale mój klient chce samodzielnie edytować jeden z tych obrazów tła w Elementorze. Problem polega na tym, że Elementor pozwala mi ....
26 styczeń 2022, 20:33
Chcę, aby nagłówki na prostej stronie internetowej HTML były ponumerowane hierarchicznie. Mam więc: body { counter-reset: h1counter; } h1:before { content: counter(h1counter) ".\0000a0\0000a0"; counter-increment: h1counter; counter-reset: h2counter; } h2:before { content: counter(h1co....
26 styczeń 2022, 20:21
Pracuję nad stworzeniem przełącznika dwustabilnego. Chcę, aby był responsywny na wypadek, gdybym chciał zmienić jego rozmiar w przyszłości. Przełącznik ma czerwony kwadrat (dla demonstracji), a problem polega na tym, że kiedy zmieniam szerokość i wysokość przełącznika, czerwony kwadrat rozciąga si....
26 styczeń 2022, 19:21
Mam stronę profilową i jest tam przycisk edycji. Po kliknięciu przycisku edycji możesz edytować informacje na stronie. Rzecz w tym, że drugi detektor zdarzeń nie działa po kliknięciu przycisku gotowe, który pojawia się po kliknięciu przycisku edycji, nic się nie zmienia. ```const editButton = doc....
26 styczeń 2022, 18:52
Mam wartość css, którą muszę wywołać z tyłu kodu. Czy ktoś może mi w tym pomóc? .shape .bar .progress { pozycja: bezwzględna} .shape .pro { animacja: lewe 4s} @keyframes left {100%{ transform: rotate(180deg);}} Mogę nazwać .shape.pro przez shape1.attributes.add(„klasa”, „pro”) Teraz chcę wywołać @k....
26 styczeń 2022, 18:10
Czy ktoś tutaj opracowuje e-maile w formacie html? Potrzebuję pomocy. Staram się, aby jakiś tekst w sekcji stopki był w tym samym kolorze co kolor tła, aby był jak "niewidoczny" i pokazywany tylko po zaznaczeniu go myszą (nie najechaniu myszą). Na przykład: przykład Działa w trybie jasnym, ale ....
26 styczeń 2022, 16:42
Chcę zmienić motywy w React.js zgodnie z warunkiem, który jest prawdziwy lub fałszywy, ale kiedy zmieniam wstawione style w klasie app, zmienia to tylko innerElements, a nie całe ciało. app.jsx import "./styles.css"; import { dark, light } from "./comp/themes"; export default function App() { con....
26 styczeń 2022, 16:08
Po raz pierwszy publikujesz pytanie, przepraszam, jeśli popełnię błędy. Mam następujący kod JS do tworzenia „notatek” z określoną rotacją: newNote.style.transform = rotate(30deg); Działa świetnie, ale kiedy próbuję użyć tego CSS, nie jest stosowany (powinien zresetować rotację): .notes:hover{transf....
26 styczeń 2022, 14:50
Potrzebuję przycisku kółka za pomocą sveltemateriaui. Nie ma podobnego przykładu w https://sveltematerialui.com/demo/button, ale próbuję pobierz za pomocą zwykłego css Mam to: https://svelte.dev/ repl/8cc5be4c6b1245e88aa9a12c7fc550dc?version=3.37.0 nie jest kołem, jest elipsą. Jedyny sposób, w ja....
26 styczeń 2022, 14:36
Załóżmy, że chcę zaimplementować przełącznik tekstu z CSS, jak opisano w https://css-tricks.com/swapping-out-text-five-different-ways/#aa-css-only-way: :root { --release-version: "R0.0.0"; --build-version: "v0.0.0"; } /* https://css-tricks.com/swapping-out-text-five-different-ways/#aa-css....
26 styczeń 2022, 14:29
Mam problem z dwoma divami, które pochodzą z tej samej klasy, ale z różnymi identyfikatorami. Pojawi się tylko ten, który jest zdefiniowany w kodzie HTML jako pierwszy (poniższy obraz przedstawia stronę po utworzeniu leftMenu). Oto kod HTML, który umieszcza elementy div: <body> <div class = "s....
26 styczeń 2022, 14:04
**W moim projekcie ikon mediów społecznościowych próbowałem ukryć tekst za pomocą krycia 0. Gdy użytkownik najedzie myszą na mój tag lub ikony, zostanie wyświetlony tekst. ale moje przejście zawisu nie działa. Proszę najpierw spróbować użyć przezroczystości 1 w moim CSS w .icon.Proszę rozwiązać mó....
26 styczeń 2022, 13:09
Jak mogę przenieść informacje o produkcie pod zdjęciami produktów? Używam tylko HTML i CSS. Jak tylko odejdę od Flexa, obrazy stają się zbyt duże. Zobacz, jak to wygląda na poniższym obrazku. html <div id="newProductsBox"> <img class="productPic" src="img.jpg" alt="blue beanie">....
26 styczeń 2022, 13:03
Chciałem przenieść element w górę, próbowałem z marginesem, ale wygląda na to, że to nie działa. #nextquestion { margin-left: 80%; width: 15%; background-color: #333333; height: 40%; color: white; font-size: 20px; border: none; margin-top: 0.01%; display: inline-block; } #questi....
26 styczeń 2022, 13:00
Zmieszałem prostokąt za pomocą figmy, ale szukam, jak to zrobić w css, aby można go było wyświetlić jak na poniższym obrazku (niebieski), Jak osiągnąć to jest css? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met....
26 styczeń 2022, 12:50
Próbuję to rozgryźć, ale nie wiem, jak przekonwertować ten plik SCSS na plik Css, czy możesz mi pomóc rozwiązać ten problem, każda pomoc byłaby mile widziana Chcę ten efekt najechania animacji, ale w prosty sposób próbowałem to dodać scss, ale niektóre nie działają poprawnie Tutaj jego link do code....
26 styczeń 2022, 12:31
Hej, mam to tło I chcę go zmienić Właściwie mam to w moim css #dark-bg { width: 45%; height: 100vh; background-color: linear-gradient(to right, #330066, #421a9b)!important; float: left; } #wave { position: relative; content: ""; bottom: 0; width: 50%; height:....
26 styczeń 2022, 12:08
Projektuję stronę internetową dla lokalnej firmy. Problem, z którym się borykam, polega na tym, że utworzone przeze mnie wyskakujące menu jest umieszczane poza marginesami strony. Jeśli klikniesz ostatni element z górnego paska, pojawi się menu, ale nie na marginesach strony. Kod znajduje się pon....
26 styczeń 2022, 10:32
Chcę zmienić kolor tła wybranego komponentu „szary”, a etykieta i kolor obramowania z niebieskiego na inny kolor, pojawia się po kliknięciu pola wyboru. Czy ktoś może mi w tym pomóc? Mam tis błąd: TS2322: Wpisz „{ root: string; }” nie można przypisać do typu „Partial”.Dosłowny obiekt może określać....
26 styczeń 2022, 10:14
Mam 5 zdań i chcę, aby po 3 sekundach tło następnego zdania było pokolorowane Html: <div class="text-slider"> <div class="text-wrap"> <p class="text text-1 active"> text 1</p> <p class="text text-2">text 2</p> <p class....
26 styczeń 2022, 09:33
Jak zmienić styl .p-dialog .p-dialog-footer button { margin: 0 1rem 0 0 !important; width: auto !important; } Piszę tak, ale to nie działa :host ::ng-deep .p-dialog .p-dialog-footer button { width: 2.5rem !important; } ....
26 styczeń 2022, 09:26
Staram się uzyskać taki efekt, aby wyświetlić datę Korzystam z funkcji flex i przekształcania tekstu, ale staram się to zrobić dobrze. Nie mogę pozbyć się dodatkowej szerokości po prawej stronie roku. To jest mój aktualny wynik. Mój html jest taki <article class="event"> <div class="date">....
css
26 styczeń 2022, 03:22
Staram się zrobić ten układ za pomocą flex-direction: column-reverse, gdzie kolejność przycisków 1 i 2 jest zamieniana bez zmiany html: <button>2</button> <button>1</button> Ale nie mogę zastosować flexu, ponieważ stał się 1 linerem. .flex { display: flex; } button { width: 100%; } .wrap ....
26 styczeń 2022, 03:14
Chcę stworzyć przejście css i ważne jest, abym mógł "zresetować" szerokość mojego "pudełka" za każdym razem, gdy wywoływana jest moja funkcja. Po prostu ustawiając szerokość pudełka na zero, element kurczy się wraz z animacją. Ale chcę zresetować bez animacji. Stworzyłem więc klasę, która wyłącza ....
26 styczeń 2022, 01:46
Próbowałem dużo, wszystkie wersje pozycji. Pozostanie na dole na jednej stronie. ale nie na niektórych. tak bardzo dziwne. .footer { width: 100%; height: auto; background-color: #17aa1f; text-align: center; position: relative; bottom: 0; } .footer-info li { color: white; list-style-type: non....
26 styczeń 2022, 01:37