Articles of css

In che modo i browser gestiscono valori non interi per altezza e larghezza?

Quando ai browser vengono date larghezze e altezze per elementi che non sono valori interi, come si comportano con essi? In particolare, In quale fase vengono arrotondati i valori non interi? Girano intorno al numero più vicino o li tronono? Quando i bambini di un contenitore hanno dimensioni non interi, ci saranno mai casi in […]

Perché window.width è più piccola della larghezza della viewport impostata nelle media query

Sono abbastanza perplesso e ancora incerto su come spiegarlo in parole appropriate. Finora ho usato e impostato le mie query multimediali con Breakpoint. Una variabile Breakpoint utilizzata assomiglia ad esempio: $menustatictofixed: min-width 900px; $ breakpoint-to-ems è impostato su true. Ho disposto la pagina con tutte le sue variabili Breakpoint in base ai valori dei pixel […]

Due file CSS che definiscono la stessa class

Se ho due file CSS: File 1: .colorme { background-color:Red; } File 2: .colorme { background-color:Green; } E li hai inclusi in una pagina, quale avrà la priorità? Sto indovinando quello che è stato caricato per ultimo? Se è così c’è comunque per garantire quale ultimo file css è stato caricato per ultimo?

Utilizzo di un carattere personalizzato (ttf) nei CSS

Ho un Mac e ho installato un font chiamato “7 Segment” (si presenta in Font Book). Quando uso font-family: “7 Segment”; Ricevo Helvetica (o simile) anziché il carattere predefinito del browser, ma non mostra ancora il font corretto. La pagina deve essere mostrata solo su questo computer. Come dovrei usare il carattere in questa pagina? […]

Modo pulito per utilizzare a livello di programmazione le transizioni CSS da JS?

Come suggerisce il titolo, c’è un modo corretto per impostare alcune proprietà CSS iniziali (o class) e dire al browser di trasferirle ad un altro valore? Ad esempio ( violino ): var el = document.querySelector(‘div’), st = el.style; st.opacity = 0; st.transition = ‘opacity 2s’; st.opacity = 1; Questo non animerà l’opacità dell’elemento in Chrome […]

Come mantenere: stile css attivo dopo aver cliccato su un elemento

Uso l’ancora come navigazione del mio sito. about works Il CSS #nav { margin-left: 50px; margin-top: 50px; text-transform: uppercase; } .navitem { background: #333; color: white; width: 230px; height: 50px; font-size: 25px; line-height: 50px; padding-left: 20px; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-top: 10px; } .about:hover { background: #cc00ff; } .about:active { background: #ff00ff; color: […]

Css dell’immagine di sfondo in una email html – Gmail non supporta

Voglio inviare email di corpo html come di seguito con cx background-image ai miei utenti: My Content ma come il link qui sotto dice che google non supporta cx background-image! http://www.campaignmonitor.com/css/ cosa posso fare al riguardo?

Come risolvere il bug di Internet Explorer 7 quando si utilizzano larghezze percentuali per il layout?

Per favore aiutami in questo. Devo creare un layout usando le larghezze percentuali. Ho un involucro largo al 100%. Ora ho un DIV (il wrapper principale .. Voglio tenerlo al 94% di larghezza percentuale .. 94% del 100% del corpo) .. okay bene Quindi per rendere questo semplice. -> BODY 100% larghezza impostata -> CONTAINER […]

L’ordine di trasformazione di CSS3 è importante: prima l’operazione più a destra

Quando usiamo la transform: operation1(…) operation2(…) CSS3 transform: operation1(…) operation2(…) , quale viene eseguito per primo? La prima operazione eseguita sembra essere la più a destra. , cioè qui l’ operation2 viene eseguita prima operation1 . Solo per essere sicuro, è vero? Nota: ho letto una cosa e il suo contrario in alcuni punti (risposte, […]

Perché uno dovrebbe preferire usare CSS su XPath in IE?

Sto lavorando a un’applicazione compatibile solo con IE7 e IE8. Non sapevo perché, ma alcuni hanno suggerito di usare CSS su XPath identificando gli elementi in IE. Quando ho visitato il sito ufficiale del Selenium. Ho letto il messaggio WebDriver utilizza le funzionalità XPath native del browser, laddove ansible. Su quei browser che non hanno […]