Most voted "css" questions
Cascading Style Sheets (or simply CSS) is a style language used to define the presentation of documents written in a markup language, such as HTML or XML. Its main benefit is to provide the separation between the format and content of a document.
Learn more…8,314 questions
Sort by count of
-
8
votes3
answers170
viewsCreate markup with predefined symbols
I didn’t know how to pick a specific title before my doubt, so it was that vague medium anyway. I’ve been trying to do the following for a while: Assuming I have the <p>: <p>Olá, $está…
-
8
votes2
answers174
viewsGrouped id rendering speed vs class
Some time ago I saw some CSS rendering tests using id be faster than rendering using class, due to the amount of id be often lower in the document than the number of classes (one of the tests you…
-
8
votes5
answers6529
viewsHow to create buttons to increase/decrease font?
I would like to implement accessibility functions on the website of the company I work with. I was able to implement the contrast button, but I’m having difficulty doing the increase/decrease and…
-
8
votes1
answer324
viewsCSS reset is always the same?
Is CSS Reset always the same, or are there others who maintain the same pattern but have more specific features? It is a rule that all CSS Reset be equal, that is, if I create mine with what is…
-
8
votes2
answers314
viewsIs there any difference between clip and overflow property?
Studying on the property clip I came across the following statement: The estate clip works in a similar way to overflow with some differences. It gave me some doubts: This statement is true? What…
-
8
votes1
answer15301
views@media print css
Maybe these questions can be labeled "idiot", but believe me, I really need to ask this here because I have not found anywhere on the Internet and who can help me I will be very grateful... Is there…
-
8
votes2
answers5104
viewsGood CSS practices for responsive Height. Is it armengue or not?
I made this code that leaves the height responsive, it adjusts according to the size of the viewport. (Rotate the snippet and resize the screen). whereas the html and the body have a height: 100%, I…
-
8
votes4
answers2279
viewsResponsive image
How to do the effect below little by little, according to the screen resolution. *Without using clip, because otherwise would be many media queries, and on this site, the effect seems a smooth…
-
8
votes1
answer713
viewsHow to put the scrollbar inside the body?
I stylized the scrollbar of my site for Webkit, and I put the background of the track as Transparent, but I would like Thumb to overlap with the body content, simulating a position effect Absolute,…
-
8
votes1
answer349
viewsIs there any way to calculate a pattern of extra space from a source?
I am trying to put together a layout as "pixel Perfect" as possible, but I have always come across this problem, using large fonts, there is a space above and below the font, as if it were a…
-
8
votes1
answer1709
viewsDiv height 100% in div height auto?
I will try to be very explanatory. I have the structure of a common site as you can see in the html below. And I want the height of the sidebar to increase as the height of the container next to it.…
-
8
votes1
answer303
viewsWhat is an adjacent brother? In what does he differ from a brother knot?
One concept that confuses me when talking about HTML is that of adjacency, and of us brothers. What is the difference of brothers and adjacent brothers ?…
-
8
votes1
answer720
viewsHow to customize emojis (Unicode) of a page?
On Windows operating system while using emojis the source used by browsers usually is the Segoe UI Emoji Note: in Firefox it has its own "emoji system", I believe it uses the Twemoji Mozilla: -…
-
8
votes2
answers4064
viewsChange title style within a tag
You can change the style only with CSS from the attribute title that some HTML tags have? <a href="#" title="Alterar esse estilo aqui">Passe o mouse</a> Note that by default it has only…
-
8
votes3
answers726
viewsWhy does Google recommend inline CSS?
I was optimizing a site from a client who insists on wanting to get a high score in Pagespeed Insights, and I’m having problems with "eliminating Javascript and rendering blocking CSS in content…
-
8
votes3
answers590
viewsImage Border within Select Radio after choosing an option
I have a virtual store in which it generates the following HTML of a select that has image inside it. I would like to hide the input (select radio ball) and display only one border in the selected…
-
8
votes4
answers1814
views -
8
votes3
answers1297
viewsHow to have more than one Edge in an Element with CSS
I have one element, but I wanted it to have several edges. I didn’t want to have to use several divs for this... I wanted something around 10 to 8 edges. Is there any more practical way to put more…
-
8
votes5
answers2803
viewsHow to make CSS a paragraph with Capitular letter (Drop Caps)
I would like to style only the first letter of each paragraph of my text, but I don’t want to have to separate that letter with a <span>, because I want to keep the correct semantics of the…
-
8
votes2
answers174
viewsHow to do with CSS Downloader bar with animated background?
I saw this element that actually works as a "Loader" while the image is loading etc. And I tried to replicate it. Not the dynamics to function as a Loader, but yes this effect of the passing lines…
-
8
votes1
answer177
viewsWhat are the standardization phases of a CSS property?
Sometimes I search the site Can I Use browser compatibility of some CSS properties and some acronyms, such as: LS, WD, ED, CR etc., such as property clip-path show me the acronym CR: I did some…
-
8
votes1
answer5919
viewsOptimal maximum resolution for displaying content in mobile mode
Taking as an example the Bootstrap 4 grid system whose classes treat the content with breakpoints specific according to the screen width resolution of the device (considering the viewport as…
-
7
votes1
answer98
viewsUse ":last-Child:after" in Internet Explorer 8
I have a graph where some elements are generated via CSS, namely the trace below the quantity scale: CSS Used: #results .chart-scale li{ font-size:16px; line-height:18px; padding-top:38px;…
-
7
votes2
answers5072
viewsHow to force <option> elements to appear below <select> in IE?
In Internet Explorer, when I click on <select> the list appears on top of it instead of underneath it. I tried this code: select{ width:50px; height:50px; float:left; position:relative; }…
-
7
votes5
answers2130
viewsHow to add a class to a <li> by clicking on it, leaving only it with this class?
For example: I have more than one ul with their li; If I click on a li of the first ul she has to add a class; If I click on a li of the second ul, she adds that same class. Only that does not…
-
7
votes2
answers4248
viewsHow to adjust the height of the div according to the text?
I created a div with a defined width, but when I insert a very large word the text keeps coming out of the div, how to continue to word at the bottom line?
-
7
votes1
answer378
viewsHow to use escape character in CSS?
I’m trying to insert a special character into :before of my links so that they stay in the following way: This is the link The problem is that this character is written in hexadecimal and when I try…
-
7
votes4
answers27486
viewsHow to change the background with javascript?
I have a function in javascript that returns the day and time for text, for insertion in html, how can I add styles to this text, should I do inside javascript or even in html function…
-
7
votes2
answers241
viewsHow to specify a CSS class for text that breaks line in an HTML element?
Most of the time I work with texts within elements HTML, I use a resource in CSS called line-height. Suppose the height of a specific element is 50px, so I put the line-height with 50px also so that…
-
7
votes8
answers5526
viewsHow to make a DIV fill all available width
I have two Ivs, one with a fixed width, 250px; which is on the left, will be a fixed menu, always on the left. And another div to the right that I want to make it 100%, whenever the user handle the…
-
7
votes3
answers3604
viewsHow to make a background of an element in SVG in a decent way?
I develop websites that have the company logo on SVG, but wanted to know how to test easily or force to replace the SVG when the browser does not support. So I could have done the logo on PNG to…
-
7
votes2
answers1564
viewsCSS/jQuery selector for a table column
Is there a CSS or jQuery selector that takes a column from a table (each td column)? Or, if there isn’t a simple selector that can do it, you can do it with a little code in jQuery/Javascript?…
-
7
votes2
answers4328
viewsUse of multiple classes in a single CSS declaration
I’m learning a little bit about CSS and I’ve come to a question, so .header .menu .style-fonte {} Because it has the 3 names of a class header menu and style-fonte?…
-
7
votes4
answers1502
viewsDivs floats in a container with height auto
I’m having a problem structuring a layout with some divs one side of the other and when no more box fit they pass down. And the container main need to increase according to how many box you have.…
-
7
votes4
answers33008
viewsHow to create a raise image effect by hovering the mouse over
I’m new here and I’m basic in CSS. I would like to know how to create an effect that, when you pass the mouse over the image, it raises a little.
-
7
votes2
answers22549
viewsHow to include Bootstrap Glyphicon inside the "<input></input>" tag?
With the following code: <a href="#" class="btn btn-primary"> <span class="glyphicon glyphicon-pencil"></span> Editar </a> I can create buttons like these: But I can’t seem…
-
7
votes1
answer1759
viewsCenter div parent when children have dynamic width
I have several div’s with the following css: float:left; width: 25%; min-width: 300px; max-width: 400px; That is, as I insert a div, it fills the available space from the left side of the parent div…
cssasked 10 years, 6 months ago Filipe Moraes 8,737 -
7
votes1
answer5827
viewsMounting map style site bomnegocio.com
Well, I’d like to know how to create a site-style map bomnegocio.com. I don’t know if on that map there is a single image or several grouped images. Could someone give me a light on how to do that…
-
7
votes3
answers2143
viewsHow to let Divs self-adjusting vertically?
I’m having trouble trying to leave some divs self adjustable vertically. There is the space needed for the div stay exactly below the one above it, but it does not rise, there is an empty space…
-
7
votes3
answers11791
viewsOverwrite a <button> to a <img>
The idea is to make a "tumbnail" where the play button is (centered) on the image... <div> <img src='imagems/imagem1.png'> <button>Play</button> </div> Thank you for…
-
7
votes1
answer1542
viewsUpload image data via ajax
<script type="text/javascript"> $(function(){ $("#oformulario").submit(function(e){ e.preventDefault(); var nome = $("#nome").val(); var email = $("#email").val(); var obs = $("#obs").val();…
-
7
votes1
answer12118
viewsBreak lines in CSS without using extra elements
I have 2 elements inline and I need to get the line broken without me having to add display: block; or if possible add but not occupy 100% of the line: <div class="box-error-page cb"> <h1…
-
7
votes1
answer642
viewsRelative sidebar in responsive layout
Solved, look at my answer * I asked this question in the gringas, but I don’t think I could express myself well there. Ask there: https://stackoverflow.com/questions/25481613/side-menu-align I have…
-
7
votes5
answers5323
viewsHow to center a div with position:Fixed?
I wonder if it is possible to centralize a div with the position:fixed ? Currently I tried to centralize using the margin:0 auto but it didn’t work... unfortunately as the width of my div Fixed will…
-
7
votes2
answers290
viewsCenter a Div between two others, one at each end
Despite the tag discontinuation <center>, she still solved this my problem d eforma simple, but would like to know how to solve it just using css. The idea is to put two buttons (or div's) at…
-
7
votes4
answers1357
viewsMargin in percentage is relative to what?
I’m currently seeing a youtube video on how to create a responsive website. It, at a certain moment (minute 24.55), establishes the margin of an image in percentage, instead of using normal pixels.…
-
7
votes4
answers10036
viewsApply color to font in element clicked only with CSS
I have the following HTML: <div class="trabalheSubEsqTitulo">Fale Conosco</div> When I click on the div trabalheSubEsqTitulo, I want him to apply color:red, however, I only want this…
cssasked 10 years ago Felipe Viero Goulart 3,693 -
7
votes1
answer867
viewsElement moves out of place in "out-zoom"
On this website, the menu is a ul inline, is inside the div with indefinite dark-colored width. In ul placed margin-left to align with the blocks below... It turns out that at another resolution or…
-
7
votes1
answer1002
viewsSemantically, which tag should I use for icons?
I have a navigation menu with some icons using @font-face. Each item in this menu has: the icon (with ::before); text, explaining the function of that link. .It turns out that when the page is…
-
7
votes4
answers8045
viewsCreate button with icon next to
I’m trying to create a button with icon on the side, I’m using icons of the bootstrap framework, I’m breaking my head to do it, I know the bootstrap has a component that does it, but it’s in another…