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.

12
Usando margem: automático para alinhar verticalmente um div
Portanto, sei que podemos centralizar uma div horizontalmente se usarmos margin:0 auto;. Deve margin:auto auto;funcionar como eu acho que deve funcionar? Centralizá-lo verticalmente também? Por que também não vertical-align:middle;funciona? .black { position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.5); } .message { background:yellow; width:200px; margin:auto auto; padding:10px; } <div class="black"> <div class="message"> …
113 html  css  centering 
6
largura da etiqueta css não está em vigor
Eu tenho um formulário genérico, que gostaria de estilizar para alinhar os rótulos e os campos de entrada. Por alguma razão, quando eu dou uma largura para o seletor de rótulo, nada acontece: HTML: <form id="report-upload-form" method="POST" action="" enctype="multipart/form-data"> <p> <label for="id_title">Title:</label> <input id="id_title" type="text" class="input-text" name="title"></p> <p> <label for="id_description">Description:</label> …
112 html  css  label 
5
Seletor filho imediato em LESS
Existe alguma maneira de LESS aplicar o seletor filho imediato (>) em sua saída? No meu estilo. Menos, quero escrever algo como: .panel { ... > .control { ... } } e fazer com que LESS gere algo como: .panel > .control { ... }
112 css  css-selectors  less 
8
Suavização e suavização de fontes da Web no Firefox e Opera
Tenho fontes da Web personalizadas usadas em meu site. Para estilizar minha saída de renderização, usei o seguinte código: //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; Isso funciona bem no Safari e no Chrome (as bordas são mais nítidas e as linhas são mais finas). Existe alguma maneira de implementar o …
8
Como alterar a transparência do texto em HTML / CSS?
Sou muito novo em HTML / CSS e estou tentando exibir algum texto como 50% transparente. Até agora eu tenho o HTML para exibir o texto com opacidade total <html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html> No entanto, não tenho certeza de como alterar sua opacidade. Tentei procurar online, mas …
112 html  css  opacity 
7
Existe um SASS.js? Algo como LESS.js?
Já usei LESS.js antes. É fácil de usar, algo como <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Vi SASS.js . Como posso usá-lo de maneira semelhante? Analisando um arquivo SASS para uso imediato em HTML. Parece que SASS.js é mais para uso com Node.js ? var sass = require('sass') sass.render('... …
112 css  sass  less 
5
Como fazer um elemento <svg> expandir ou contrair para seu contêiner pai?
O objetivo é fazer com que o &lt;svg&gt;elemento seja expandido até o tamanho de seu contêiner pai, neste caso a &lt;div&gt;, não importa o quão grande ou pequeno esse contêiner seja. O código: &lt;style&gt; svg, #container{ height: 100%; width: 100%; } &lt;/style&gt; &lt;div id="container"&gt; &lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1" &gt; &lt;rect x="0" …
4
CSS Progress Circle [fechado]
Fechadas. Esta pergunta não atende às diretrizes do Stack Overflow . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que esteja no tópico do Stack Overflow. Fechado há 5 anos . Melhore esta questão Pesquisei neste site para encontrar barras de progresso, mas as que …
5
background-size na propriedade abreviada de background (CSS3)
Estou tentando misturar background-imagee background-sizepropriedades em uma backgroundpropriedade reduzida . Com base na documentação do W3C, background-size deve vir depois da background-positionpropriedade separada por uma barra ( /). Exemplo W3C: p { background: url("chess.png") 40% / 10em gray round fixed border-box; } é equivalente a: p { background-color: gray; background-position: …
112 css 
10
O aplicativo não coleta o arquivo .css (flask / python)
Estou renderizando um modelo, que estou tentando estilizar com uma folha de estilo externa. A estrutura do arquivo é a seguinte. /app - app_runner.py /services - app.py /templates - mainpage.html /styles - mainpage.css mainpage.html se parece com isto &lt;html&gt; &lt;head&gt; &lt;link rel= "stylesheet" type= "text/css" href= "../styles/mainpage.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- …
112 python  html  css  templates  flask 
4
Bootstrap 4: o menu suspenso está indo para a direita da tela
Não consigo fazer com que os itens suspensos não saiam da página. Tentei algumas coisas no BS3, mas elas não parecem funcionar. Não tenho certeza se é por causa do ml-auto. (ignore as instruções if-else) Aqui está o CodePen : &lt;div class="container-fluid"&gt; &lt;nav class="navbar fixed-top navbar-toggleable-md navbar-inverse" style="background-color: #3c763d!important;"&gt; &lt;button …
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.