Perguntas com a marcação «css»

CSS (Cascading Style Sheets) é uma linguagem de folha de estilos de representação usada para descrever a aparência e a formatação de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) e elementos SVG, incluindo (mas não limitado a) cores, layout, fontes, e animações. Também descreve como os elementos devem ser renderizados na tela, no papel, na fala ou em outra mídia.

14
Como criar uma tag <style> com Javascript?
Estou procurando uma maneira de inserir uma &lt;style&gt;tag em uma página HTML com JavaScript. A melhor maneira que encontrei até agora: var divNode = document.createElement("div"); divNode.innerHTML = "&lt;br&gt;&lt;style&gt;h1 { background: red; }&lt;/style&gt;"; document.body.appendChild(divNode); Isso funciona no Firefox, Opera e Internet Explorer, mas não no Google Chrome. Também é um pouco …
336 javascript  html  css 
4
Compilação menos agressiva com CSS3 calc
Os compiladores Menos que estou usando ( OrangeBits e dotless 1.3.0.5 ) estão traduzindo agressivamente body { width: calc(100% - 250px - 1.5em); } para dentro body { width: calc(-151.5%); } O que obviamente não é desejado. Gostaria de saber se existe uma maneira de sinalizar para o compilador Less …
17
"Display: none" impede o carregamento de uma imagem?
Todo tutorial de desenvolvimento de site responsivo recomenda o uso da display:nonepropriedade CSS para ocultar o carregamento do conteúdo nos navegadores móveis, para que o site seja carregado mais rapidamente. É verdade? Não display:nonecarrega as imagens ou ainda carrega o conteúdo no navegador móvel? Existe alguma maneira de impedir o …
12
jquery alterar o nome da classe
Eu quero mudar a classe de uma tag td, dada a identificação da tag td: &lt;td id="td_id" class="change_me"&gt; ... Quero poder fazer isso enquanto estiver dentro do evento click de algum outro objeto dom. Como pego o ID do td e altero sua classe?
336 jquery  css 
12
Posso ter um efeito onclick em CSS?
Eu tenho um elemento de imagem que desejo alterar ao clicar. &lt;img id="btnLeft"&gt; Isso funciona: #btnLeft:hover { width:70px; height:74px; } Mas o que eu preciso é: #btnLeft:onclick { width:70px; height:74px; } Mas, isso não funciona, obviamente. É possível ter onclickcomportamento em CSS (ou seja, sem usar JavaScript)?
335 html  css  onclick 
19
CSS exibe uma imagem redimensionada e cortada
Quero mostrar uma imagem de um URL com uma certa largura e altura, mesmo que tenha uma proporção de tamanho diferente. Então, eu quero redimensionar (mantendo a proporção) e depois cortar a imagem para o tamanho desejado. Eu posso redimensionar com a imgpropriedade html e posso cortar com background-image. Como …
19
Reaja Js aplicando condicionalmente atributos de classe
Quero mostrar e ocultar condicionalmente esse grupo de botões, dependendo do que é passado do componente pai, que se parece com isso: &lt;TopicNav showBulkActions={this.__hasMultipleSelected} /&gt; .... __hasMultipleSelected: function() { return false; //return true or false depending on data } .... var TopicNav = React.createClass({ render: function() { return ( &lt;div …
4
Ajustar a imagem de fundo à div
Eu tenho uma imagem de plano de fundo na seguinte div, mas a imagem é cortada: &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; Existe uma maneira de mostrar a imagem de fundo sem cortá-la?
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.