javascript - Cum să schimb font-family din bootstrap.css în HTML cu propriul meu font descărcat
Am încercat să aflu cum să fac asta, cel puțin acest link aproape m-a ajutat. dar ea/el folosește linkul pentru a schimba fontul.
dar am propriul meu font descărcat folosind convertor de fonturi (.eot .otf .svg .ttf .woff .woff2)
și am style.css ca
Citeste mai mult →javascript - Webpack - devtool: source-map pentru CSS și eval-source-map pentru JS?
Dacă folosesc devtool: 'source-map' funcționează foarte bine cu CSS:
Dar, numele variabilelor mele JavaScript nu sunt distractive:
Citeste mai mult →javascript - parametri complexi pentru tagurile svg (analog calc() pentru css)
Mă poți spune, te rog, dacă etichetele svg pot seta parametri complexi?
Pentru CSS, există comanda calc(), de exemplu:
width: calc (50% - 10px);Există ceva de genul acesta pentru svg, de exemplu:
<circle r = 'calc (50% - 2px)'>?
Citeste mai mult →Cum să conectezi backend-ul (python, flask) cu frontend-ul (html, css, javascript)
Info: pentru backend folosesc Python cu Flask (în acest moment acceptă metode HTTP GET) și pentru frontend folosesc HTML, CSS și JavaScript.
Problema: Încerc să fac o cerere http (prima dată am încercat POST și apoi GET), dar browserul nu mi-a permis să fac asta: "Accesul la XMLHttpRequest la 'localhost:5000/test' din originea 'null' a fost blocat de politica CORS: Cererile cross origin sunt acceptate doar pentru scheme de protocol: http, data, chrome, chrome-extension, https.".
C
Citeste mai mult →javascript - cum să folosești selectorul de frați CSS în styled
Am un component stilizat care arată astfel:
import styled from 'styled-components'; import List from '@material-ui/core/List'; import ListItem from '@material-ui/core/ListItem'; import ListItemText from '@material-ui/core/ListItemText'; export const CategoryList = styled(List)` `; //this is what i want to change ex Citeste mai mult →javascript - kebab-case la camelCase prin localsConvention în css-loader 3.4.2 nu funcționează
În scopuri de testare/învățare folosesc o versiune ejectată a create-react-app 3.4.1 care vine cu css-loader 3.4.2, și încerc să reproduc aceste rezultate în care selectorii CSS sunt scriși în kebab-case, dar obiectul de stiluri JS îi
Citeste mai mult →javascript - Cum pot obține toate proprietățile CSS acceptate în WebKit?
În Firefox, Opera și IE le pot obține prin:
>> for (k in document.body.style) console.log(k) -> opacity background height textAlign . ... long list ... . pointerEventsÎn WebKit rezultatul este destul de diferit:
>> for (k in document.body.style) Citeste mai mult →javascript - Cum pot preveni interferența CSS într-o bucată de HTML injectată?
În prezent, dezvolt o extensie Safari care folosește un script injectat pentru a injecta în continuare niște HTML în pagina web curentă, precum și pentru a injecta alte scripturi pentru a funcționa. Totul funcționează bine, dar problema este că HTML-ul injectat este afectat de foile de st
Citeste mai mult →javascript - Crearea unei aplicații web live de tip dame cu PHP, JS, CSS și HTML?
Vreau să creez o aplicație live, asemănătoare damei, care va funcționa astfel: Vor fi afișate mai multe icoane/avataruri pe această suprafață asemănătoare unei table de dame. Vreau să am un prompt de comandă sub această tablă sau alt tip de interfață, care să le permită să controleze un anumit avatar și să îl facă să execute acțiuni. Mai mulți utilizatori o vor folosi în același timp, și toți vom putea vedea schimbările/acțiunile celorlalți utilizatori pe tabla de dame.
Citeste mai mult →javascript - Stilizarea CSS OpenLayers a butoanelor de control standard
Folosesc OpenLayers într-un script pe pagina mea și încerc să folosesc CSS pentru a stiliza butoanele standard care apar pe hartă. Am urmat site-ul documentației OpenLayers pentru a le stiliza astfel:
.olControlNavToolbar div { display:block; width: 28px; height: 28px; top: 300px; left: 6px; position: relative; } .olControlNavToolbar .olControlNavigationItemActive { background-image: url("img/panning-hand-on.png"); background-repeat: no-repeat; } .olControlNavTo Citeste mai mult →