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.

5
Qual é a diferença entre "tela" e "única tela" nas consultas de mídia?
Qual é a diferença entre screene only screennas consultas de mídia? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> Por que somos obrigados a usar only screen? Ele screennão fornece informações suficientes para serem renderizadas apenas para a tela? Eu já …
487 css  media-queries 

8
Usando URL relativo no arquivo CSS, para qual local é relativo?
Ao definir algo como um URL de imagem de plano de fundo em um arquivo CSS, ao usar um URL relativo, aonde ele é relativo? Por exemplo: Suponha que o arquivo /stylesheets/base-styles.csscontenha: div#header { background-image: url('images/header-background.jpg'); } Se eu incluir esse estilo em documentos diferentes através <link ... />vai a …
484 html  css 


14
Redefinir / remover estilos CSS apenas para elemento
Tenho certeza de que isso deve ter sido mencionado / solicitado antes, mas tenho procurado uma idade sem sorte, minha terminologia deve estar errada! Lembro-me vagamente de um tweet que vi há algum tempo sugerindo que havia uma regra css disponível que removeria qualquer estilo definido anteriormente na folha de …
481 css 

11
CSS: definindo largura / altura como porcentagem menos pixels
Estou tentando criar algumas classes CSS reutilizáveis ​​para obter mais consistência e menos confusão no meu site, e estou tentando padronizar uma coisa que uso com frequência. Eu tenho um contêiner para o <div>qual não quero definir a altura (porque variará dependendo do local do site), e dentro dele há …
479 css  height  pixel 


12
A incorporação de dados de imagem de plano de fundo no CSS como base64 é uma boa ou má prática?
Eu estava olhando para a fonte de um script de usuário greasemonkey e notei o seguinte em seu css: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} Compreendo que um script greasemonkey deseje agrupar tudo o que puder na fonte, em vez de hospedá-lo em um servidor, isso é óbvio o …

18
Raio do contorno?
Existe alguma maneira de obter cantos arredondados no contorno de um div element, semelhante a border-radius?
473 html  css 

1
Seletor de CSS que se aplica a elementos com duas classes
Existe uma maneira de selecionar um elemento com CSS com base no valor do atributo de classe que está sendo definido para duas classes específicas. Por exemplo, digamos que eu tenho 3 divs: <div class="foo">Hello Foo</div> <div class="foo bar">Hello World</div> <div class="bar">Hello Bar</div> Qual CSS eu poderia escrever para selecionar …
472 css  css-selectors 




9
Cor da linha da tabela alternativa usando CSS?
Eu estou usando uma tabela com cor de linha alternativa com isso. tr.d0 td { background-color: #CC9999; color: black; } tr.d1 td { background-color: #9999CC; color: black; } <table> <tr class="d0"> <td>One</td> <td>one</td> </tr> <tr class="d1"> <td>Two</td> <td>two</td> </tr> </table> Executar snippet de códigoOcultar resultadosExpandir snippet Aqui estou usando a …
462 html  css  html-table 


6
Como afetar outros elementos quando um elemento é pairado
O que eu quero fazer é que quando um certo divé pairado, isso afetaria as propriedades de outro div. Por exemplo, nesta demonstração do JSFiddle , quando você passa o mouse sobre #cubeele, muda o, background-colormas o que eu quero é que, quando passe o mouse #container, #cubeseja afetado. div …
459 html  css  hover 

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.