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.

5
Perché <textarea> e <textfield> non prendono font-family e font-size dal corpo?
Perché Textareae textfieldnon prendere font-familye font-sizedal corpo? Guarda un esempio dal vivo qui http://jsbin.com/ucano4 Codice &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;texearea font&lt;/title&gt; &lt;style type="text/css"&gt; body { font-family: Verdana, Geneva, sans-serif; font-size:16px } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;form action="" method="get"&gt; &lt;textarea …
118 css  xhtml 
8
Differenza tra @import e link in CSS
Sto imparando un po 'di CSS per modificare il mio modello di progetto. Sono arrivato a questo problema e non ho trovato una risposta chiara sul web. C'è una differenza tra l'utilizzo di @import o link in CSS? Utilizzo di @import &lt;style&gt;@import url(Path To stylesheet.css)&lt;/style&gt; Uso di Link &lt;link rel="stylesheet" …
118 css  import  hyperlink 
12
Precaricamento delle immagini CSS
Ho un modulo di contatto nascosto che viene distribuito facendo clic su un pulsante. I suoi campi sono impostati come immagini di sfondo CSS e appaiono sempre un po 'più tardi rispetto ai div che sono stati attivati. Stavo usando questo frammento nella &lt;head&gt;sezione, ma senza fortuna (dopo aver svuotato …
12
Come rimuovere la freccia nel menu a discesa in Bootstrap 4?
Sto usando Bootstrap 4. Ho provato a rimuovere la freccia nel menu a discesa. Le risposte che ho trovato per Bootstrap 3 non funzionano più. Il jsfiddle è qui . &lt;div class="dropdown open"&gt; &lt;button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt; Dropdown &lt;/button&gt; &lt;div class="dropdown-menu" aria-labelledby="dropdownMenu1"&gt; &lt;a class="dropdown-item" href="#"&gt;Action&lt;/a&gt; …
2
Più spessori di carattere, una query @ font-face
Devo importare il carattere Klavika e l'ho ricevuto in più forme e dimensioni: Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf Ora vorrei sapere se è possibile importarli in CSS con una sola @font-facequery, dove sto definendo la weightnella query. Voglio evitare di copiare / incollare la query 8 volte. …
118 css  fonts  font-face 
5
Riproduci più animazioni CSS contemporaneamente
Come posso avere due animazioni CSS che vengono riprodotte a velocità diverse ? L'immagine dovrebbe ruotare e crescere allo stesso tempo. La rotazione verrà eseguita ogni 2 secondi. La crescita ciclerà ogni 4 secondi. Codice di esempio: .image { position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin:-60px …
12
Rimuovi la barra di scorrimento dall'iframe
Utilizzando questo codice &lt;iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&amp;boxtag=7868&amp;sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"&gt;&lt;/iframe&gt; Ecco come appare (lo shoutbox sulla homepage di http://www.talkjesus.com ) Come rimuovo la barra di scorrimento orizzontale e modifico il CSS della barra di scorrimento verticale?
117 html  css  iframe 
2
Scegli elementi con più classi, all'interno di una regola
Ho un po 'di HTML che avrebbe elementi con più classi e devo assegnarli all'interno di una regola, in modo che le stesse classi possano essere diverse all'interno di contenitori diversi. Diciamo che ho questo nel mio CSS: .border-blue { border: 1px solid blue; } .background { background: url(bg.gif); } …
117 css  class  target 
13
Scala l'immagine per adattarla a un riquadro di delimitazione
Esiste una soluzione solo CSS per ridimensionare un'immagine in un riquadro di delimitazione (mantenendo le proporzioni)? Funziona se l'immagine è più grande del contenitore: img { max-width: 100%; max-height: 100%; } Esempio: Caso d'uso 1 (funziona): http://jsfiddle.net/Jp5AQ/2/ Caso d'uso 2 (funziona): http://jsfiddle.net/Jp5AQ/3/ Ma voglio aumentare l'immagine fino a quando una …
117 html  css  image  resize  autoresize 
5
Flexbox e Internet Explorer 11 (display: flex in <html>?)
Ho intenzione di abbandonare i layout "fluttuanti" e utilizzare CSS flexbox per progetti futuri. Sono stato felicissimo di vedere che tutti i principali browser nelle loro versioni attuali sembrano supportare (in un modo o nell'altro) flexbox. Sono andato su "Risolto da Flexbox" per vedere alcuni esempi. Tuttavia l'esempio "Sticky Footer" …
10
Attributo alt dell'immagine di sfondo CSS
Questo è uno che non ho dovuto affrontare prima. Ho bisogno di utilizzare i tag alt su tutte le immagini in un sito, comprese quelle utilizzate dall'attributo CSS background-image. Non esiste una proprietà CSS come questa per quanto ne so, quindi qual è il modo migliore per farlo, per favore?
117 html  css 
5
Disattiva / disattiva le transizioni CSS3 ereditate
Quindi ho le seguenti transizioni CSS allegate all'elemento a: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } C'è un modo per disabilitare queste transizioni ereditate su elementi a specifici? a.tags …
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.