Domande taggate «css»

CSS (Cascading Style Sheets) è un linguaggio per fogli di stile di rappresentazione utilizzato per descrivere l'aspetto e la formattazione dei documenti HTML (HyperText Markup Language), XML (Extensible Markup Language) e degli elementi SVG inclusi (ma non limitati a) colori, layout, caratteri, e animazioni. Descrive anche come gli elementi dovrebbero essere resi sullo schermo, sulla carta, nel parlato o su altri media.


21
Bootstrap 4 allinea gli elementi della barra di navigazione a destra
Come allineare un elemento della barra di navigazione a destra? Voglio avere il login e registrarmi a destra. Ma tutto ciò che provo non sembra funzionare. Questo è quello che ho provato finora: <div>intorno al <ul>con l'attributo:style="float: right" <div>intorno al <ul>con l'attributo:style="text-align: right" ho provato queste due cose sui <li>tag …




14
Come creare un tag <style> con Javascript?
Sto cercando un modo per inserire un &lt;style&gt;tag in una pagina HTML con JavaScript. Il modo migliore che ho trovato finora: var divNode = document.createElement("div"); divNode.innerHTML = "&lt;br&gt;&lt;style&gt;h1 { background: red; }&lt;/style&gt;"; document.body.appendChild(divNode); Funziona con Firefox, Opera e Internet Explorer ma non con Google Chrome. Inoltre è un po 'brutto …
336 javascript  html  css 

4
Compilazione meno aggressiva con CSS3 calc
I compilatori Less che sto usando ( OrangeBits e dotless 1.3.0.5 ) traducono in modo aggressivo body { width: calc(100% - 250px - 1.5em); } in body { width: calc(-151.5%); } Che ovviamente non è desiderato. Mi chiedo se c'è un modo per segnalare al compilatore Less di ignorare essenzialmente …

17
"Display: none" impedisce il caricamento di un'immagine?
Ogni tutorial di sviluppo di siti Web reattivi consiglia di utilizzare la display:noneproprietà CSS per nascondere il caricamento dei contenuti sui browser mobili in modo che il sito Web si carichi più velocemente. È vero? Non display:nonecarica le immagini o carica ancora il contenuto sul browser mobile? Esiste un modo …

12
jquery cambia il nome della classe
Voglio cambiare la classe di un tag td dato l'ID del tag td: &lt;td id="td_id" class="change_me"&gt; ... Voglio essere in grado di farlo mentre all'interno dell'evento click di qualche altro oggetto dom. Come afferro l'id del td e cambio la sua classe?
336 jquery  css 


12
Posso avere un effetto onclick nei CSS?
Ho un elemento immagine che voglio cambiare al clic. &lt;img id="btnLeft"&gt; Questo funziona: #btnLeft:hover { width:70px; height:74px; } Ma quello di cui ho bisogno è: #btnLeft:onclick { width:70px; height:74px; } Ma non funziona, ovviamente. È possibile avere un onclickcomportamento nei CSS (cioè senza usare JavaScript)?
335 html  css  onclick 

19
CSS Visualizza un'immagine ridimensionata e ritagliata
Voglio mostrare un'immagine da un URL con una certa larghezza e altezza anche se ha un rapporto di dimensioni diverse. Quindi voglio ridimensionare (mantenendo il rapporto) e quindi tagliare l'immagine alla dimensione desiderata. Posso ridimensionare con la imgproprietà HTML e posso tagliare con background-image. Come posso fare entrambe le cose? …


19
Reagisci Js applicando condizionalmente gli attributi di classe
Voglio mostrare e nascondere in modo condizionale questo gruppo di pulsanti a seconda di cosa viene passato dal componente genitore che assomiglia a questo: &lt;TopicNav showBulkActions={this.__hasMultipleSelected} /&gt; .... __hasMultipleSelected: function() { return false; //return true or false depending on data } .... var TopicNav = React.createClass({ render: function() { return …

4
Adatta l'immagine di sfondo al div
Ho un'immagine di sfondo nel seguente div, ma l'immagine viene tagliata: &lt;div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"&gt; C'è un modo per mostrare l'immagine di sfondo senza tagliarla?

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.