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.

19
Por que o CSS funciona com elementos falsos?
Na minha turma, eu estava brincando e descobri que o CSS funciona com elementos inventados. Exemplo: imsocool { color:blue; } <imsocool>HELLO</imsocool> Executar snippet de códigoOcultar resultadosExpandir snippet Quando meu professor me viu usando isso pela primeira vez, ele ficou um pouco surpreso com o fato de os elementos de maquiagem …
438 html  css 
16
Centralizar uma posição: elemento fixo
Gostaria de criar uma position: fixed;caixa pop - up centralizada na tela com largura e altura dinâmicas. Eu usei margin: 5% auto;para isso. Sem position: fixed;ele, centra-se bem na horizontal, mas não na vertical. Depois de adicionar position: fixed;, ele nem é centralizado horizontalmente. Aqui está o conjunto completo: .jqbox_innerhtml …
5
Barra de rolagem oculta CSS, se não for necessário
Estou tentando descobrir como esconder o overflow-y:scroll;que não é necessário. O que quero dizer é que estou construindo um site e tenho uma área principal em que as postagens serão exibidas e quero ocultar a barra de rolagem se o conteúdo não exceder a largura atual. Além disso, minha segunda …
435 html  css 
12
O fundo gradiente CSS3 definido no corpo não se estica, mas repete?
ok, digamos que o conteúdo <body>totalize 300px de altura. Se eu definir o plano de fundo do meu <body>uso -webkit-gradientou-moz-linear-gradient Depois, maximizo minha janela (ou apenas a levo a mais de 300px), o gradiente terá exatamente 300px (a altura do conteúdo) e repito para preencher o restante da janela. Estou …
430 css  gradient 
15
Como criar uma largura de TextArea 100% sem estourar quando o preenchimento está presente no CSS?
Eu tenho o seguinte trecho de CSS e HTML sendo renderizado. textarea { border:1px solid #999999; width:100%; margin:5px 0; padding:3px; } <div style="display: block;" id="rulesformitem" class="formitem"> <label for="rules" id="ruleslabel">Rules:</label> <textarea cols="2" rows="10" id="rules"/> </div> Executar snippet de códigoOcultar resultadosExpandir snippet O problema é que a área de texto acaba sendo …
426 html  css  stylesheet 
8
Como alinhar verticalmente o texto dentro de uma caixa flexível?
Gostaria de usar o flexbox para alinhar verticalmente algum conteúdo dentro de um, <li>mas sem grande sucesso. Eu verifiquei online e muitos dos tutoriais realmente usam uma div de wrapper que obtém as align-items:centerconfigurações flex no pai, mas estou pensando se é possível cortar esse elemento adicional? Optei por usar …
424 html  css  flexbox 
13
Tabela HTML com 100% de largura, com rolagem vertical dentro do corpo
Como definir <table>100% de largura e colocar apenas dentro da <tbody>rolagem vertical para alguma altura? table { width: 100%; display:block; } thead { display: inline-block; width: 100%; height: 20px; } tbody { height: 200px; display: inline-block; width: 100%; overflow: auto; } <table> <thead> <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> …
8
O z-index não funciona com posicionamento fixo
Eu tenho um divcom posicionamento padrão (ou seja position:static) e um divcom uma fixedposição. Se eu definir os índices z dos elementos, parece impossível fazer o elemento fixo ficar atrás do elemento estático. #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px; width: 420px; left: 20px; …
422 css  z-index 
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.