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
-
11
votes2
answers1626
viewsHow to use and what is the user-select property for
I’m learning front-end and came across on that website with a CSS property called user-select, I didn’t understand what it was for and I couldn’t find a good explanation. I’d like you to explain to…
-
11
votes3
answers487
viewsNavigate horizontal scroll by pressing tab
I’m using the plugin datatables. I built a table where the first four columns are fixed and the others (which will be generated "dynamically") have input for quantity typing. My intention is that…
-
11
votes5
answers1015
viewsLine with image in the middle
I wanted to style a hr to support an image in the middle. Type: ------ image ------ I thought of making the image already with line ready in Photoshop, but this makes it difficult to be responsive.…
-
11
votes2
answers496
viewsWhat exactly is hypertext?
I searched and couldn’t find an answer on this: CSS is considered hypertext? I have this doubt because PHP, which is hypertext preprocessor, can also pre-process CSS and even JS.
-
11
votes3
answers1147
viewsAdd and remove styles of a particular selection by clicking a button
I have a javascript function that applies a certain style in some classes, and would like to know how to take this style by clicking the same button. var botao = document.getElementById("troca");…
-
11
votes3
answers794
viewsWhich CSS properties prefixes are compatible with Edge?
With launch of Windows 10 Microsoft eventually retired Internet Explorer, changing the default browser to the Microsoft Edge. To support CSS properties that have not yet been standardized by W3Cen,…
-
11
votes2
answers51084
viewsSliding effect on anchor links
I have a page Onepage and the anchor links of the menus when clicked them only "jump" to the screen section further down, but I wanted them to slide smoothly up to the intended anchoring section. I…
-
11
votes3
answers981
viewsWhat do the two dots in a row (.) mean in a file path?
I still don’t understand what this means. Why should I put these two points? Example: ..\Images/Logo.png
-
11
votes3
answers179
viewsWhy does CSS work with "fake" HTML elements?
I saw some examples like this on the internet, showing that html elements with custom names work in relation to the application of css styles. elementofake { color:red; font-size:30px;…
-
11
votes6
answers630
viewsIs there a problem compressing CSS?
I’ve been noticing that some sites have compressed CSS, I believe this only serves to load pages faster, do you have any risk in doing this? because there are some sites that use normal CSS, I…
-
11
votes1
answer1643
viewsWhat does the "--" specified in the Bootstrap CSS :root mean?
It’s just a question that came up when I was snooping the CSS of Bootstrap, this is something I don’t know and I didn’t find any answer in Google about it... There’s an excerpt from the code: :root…
-
11
votes1
answer293
viewsWhat is and how does CSS Post-processing work?
What would be a CSS post-processing? I’ve heard of pre-processed CSS, like Gulp does when it compiles a SASS in CSS. But recently I heard the term post-processed CSS and I didn’t really understand…
-
11
votes3
answers576
viewsWhat is CSS OK?
I saw that some people are adopting the pattern of putting some classes in CSS separated by a double underline. Example: .form__field{ /** Css aqui **/ } I never had anything about it, and I came…
-
11
votes4
answers9155
viewsChange the background of input filled in by Chrome autocomplete
I am creating a form, and as everyone knows, the browser has the option "auto-fill", so far so good, but I came across the following situation: As you can notice in the image above, the field that…
cssasked 7 years ago NoobSaibot 9,554 -
11
votes2
answers458
viewsCircle with curved edge
I’ve been tasked to make a website, and I’m having trouble making a detail in CSS I need to make a round edge that has a curved ending, so you understand better, I’ll show you photo and post my code…
-
11
votes1
answer372
viewsWhy is an internal alignment of a <button> button different from a <a> link, even using the same class?
Well, I created a class called .btn, where I wanted to use it so much to button as for a. So I pushed a few things in this class, to reset the original style, both of the button as in the a. For…
-
11
votes2
answers680
viewsIn HTML what is an Undetermined Checkbox and how to use this status along with CSS?
As far as I knew a input of the kind Checkbox could have three states, checked, unchecked and disabled. But it seems he has a fourth state which is the undetermined. See in the image a comparison of…
-
11
votes2
answers295
viewsDoes Google index images in SVG (inline) or Base64?
I was thinking of turning the logo of a site to SVG, but I was thinking of using it in a way inline as code within tags <svg>. To be inline, I can interact as the SVG directly through the CSS,…
-
11
votes3
answers572
viewsIs it possible to animate text-Decoration with CSS?
I recently saw this animation made with SVG, But I was wondering, is it possible to animate the text-decoration-style: wavy in the :hover in order to achieve the same result? body { font-family:…
-
11
votes2
answers3362
viewsCSS: hexadecimal color opacity?
I accidentally put a hexadecimal color with two extra digits and noticed that in Google Chrome it affects the color opacity as well as function rgba(). Sort of like this: body { background-color:…
-
10
votes5
answers16498
viewsHow can we not apply opacity to a child element?
I have a div with applied opacity, but this div has child element. I don’t want to apply opacity to those child elements, I would have some way of solving that? Example: http://jsfiddle.net/qSsC3/1/…
-
10
votes5
answers62952
viewsHow to remove edge of input and textarea from all browsers when clicked?
Just look at the image to get an idea: When clicked this edge with blue shadow becomes visible. I think it is standard of all browser. Some solution?…
-
10
votes5
answers18134
viewsUsing jQuery, how to select elements with two CSS classes
I have a div that uses two CSS classes. Here is the HTML : <div class="box1"></div> <div class="box1 destaque"></div> <div class="box2"></div> <div class="box2…
-
10
votes4
answers1193
viewsColor loop in text
I have the following HTML structure: <font class="a">J</font> <font class="b">o</font> <font class="c">ã</font> <font class="d">o</font> <font…
-
10
votes1
answer227
viewsCSS display and visibility - SEO effects
I’m making a website and applying some SEO techniques, but I have a div that needs to be hidden (property display:none; and visibility:hidden;). What is the effect on search engines for this DIV…
-
10
votes4
answers58562
viewsCss comments with // instead of /* */
Place // at the beginning of a line creates an invalid property, i.e., CSS ignores that line. div { background-color: cyan; // background-color: red; } I know the CSS standard is using /* */, but…
-
10
votes1
answer2121
viewsHide default component [arrow] form select in IE
I got a problem here at IE. I am styling the select component of the form, hiding the arrow that comes by default from the browser to load an image in its place. In FF and Chrome was quiet, but in…
-
10
votes2
answers1094
viewsWhat does content:" f0ed" mean?
I am developing a site from a ready template, when inspecting element and check which image to swap found the Css as follows. .fa-cloud-download:before { content:"\f0ed" } What does that mean Css?…
-
10
votes6
answers4502
viewsHow to use two CSS attributes at the same time?
The code: <!DOCTYPE html> <html> <body> <h1 style="color:#CC0099">Um dia eu aprendo</h1> <p style="color:red">This is a paragraph.</p> </body>…
-
10
votes2
answers28807
viewsHow to insert a first line indent with css?
I don’t know if the name is even indent, but how do I apply this space as in the image below in my paragraphs with css? Have some class in bootstrap?…
-
10
votes5
answers1033
viewsWhat is the definition of each css selector combination
The . css files that are used follow a pattern: seletor{ atributo: valor } The attributes and values part I understand, but in some examples I see these selectors being separated with ',' or with a…
-
10
votes2
answers1616
viewsWhat is the use of the pseudo class :root?
I’m learning about pseudo structural classes, but I haven’t found an article about this pseudo class yet, and I only find it in English.
-
10
votes2
answers339
viewsHow does the display property work?
I’ve been researching the functionality better (values) display and its features. I noticed that it has many possibilities. Some very obvious and others somewhat complex for the beginner developer.…
-
10
votes3
answers3378
viewsHow and how to best use CSS fonts?
It is only possible to view a source on a website if that source is installed or came into the operating system or browser computer. I have been researching and found some different types of fonts…
-
10
votes1
answer144
viewsHow to adapt my code to Android 4.1?
I’m making an app using Materialize. But a mistake is happening. The MENU is to work as in the second image. It is hidden with a TranslateX(-100%). And when I click on the MENU icon it opens the…
-
10
votes2
answers256
viewsHow to print only the first 5 characters?
I need it to be displayed up to a maximum of 5 characters of the contents of each table cell in a specific resolution. I don’t know if there are any Pseudo Elemento do what I need, something like:…
-
10
votes2
answers598
viewsCounter properties in CSS. What are they for and how do they work?
I was recently studying CSS and discovered the counter-reset and the counter-increment, I just didn’t really understand the properties and I had some questions. Doubts What good is counter-reset and…
cssasked 6 years, 1 month ago João Pedro Schmitz 2,974 -
10
votes2
answers913
viewsHow to change the selected text color and background with the mouse?
When we select a text with the mouse on a website the text is white and blue (I think it may vary from browser to browser). But I would like to know if it is possible to change the color and…
cssasked 6 years ago João Pedro Schmitz 2,974 -
10
votes3
answers645
viewsWith CSS to cut text? Type a cut text effect or broken font?
I was wanting to create a text to use as a tag <h2> on the site. The idea is that the element continues as a text, I don’t want an image, because I want to keep the text semantic and…
-
10
votes1
answer1138
viewsWhy does Bootstrap 4 use "rem" and "em" instead of pixels?
As you can see here and here, Bootstrap 4 uses the drives rem and em instead of using in px. Code snippet using the unit rem: $display1-size: 6rem !default; $display2-size: 5.5rem !default;…
-
10
votes4
answers94
viewsHow do I make the CSS class not affect anyone who has a particular class?
I have a ul where it is a menu in which items that are not inside a ul son have the tag dropdown-toggle. The items that are in ul son doesn’t have that tag. The class .navbar-solid is applied to…
-
9
votes3
answers14251
viewsSelect elements containing a particular "date" attribute
On the page there are several elements with attributes data. To avoid going around adding CSS classes to the elements, making page code denser, I would like to select elements by attribute name…
-
9
votes4
answers601
viewsInternal navigation with Jquery
I have the following structure in my header: <header> ... <div id="header-reserva" class="cf"> <a href="#header-reserva-iframe" class="scroll">Reserve aqui!</a> </div>…
-
9
votes1
answer478
viewsProblem with Background Html/Css
I created a id in css with a background. When I put the div in html the background looks beautiful, but when I put a <form>, the part he occupies turns white. Note: when I put the text in bold…
-
9
votes2
answers835
viewsHow to make an effect by adding a new item to a list
I have a list that updates from time to time and would like to add an effect equal to this site: Website It’s the list that’s in the middle of the site. Where, when a new item enters the list, the…
-
9
votes3
answers2329
viewsCSS: Firefox and Chrome problem using padding
When I define the padding of some div gives a difference of 1px, I’m building a menu, defines the padding in #menu ul li a and the difference from one browser to the other is more 4 px, there’s some…
-
9
votes1
answer7577
viewsHow to customize the arrow of a select
I have a price list, it has a select for the person to choose the payment cycle as shown in the image: which I did with CSS: -webkit-appearance:none; background:#E9E9E9…
-
9
votes3
answers2326
viewsCSS Transition top
I’m creating a CSS that simulates cards from a deck, with cards and card hands. When a one-hand card is selected it is highlighted above the others. This works well, but I would like to apply a…
-
9
votes1
answer84
viewsHow to use "and" on CSS3 selectors?
I am trying to select only inputs whose class starts with "btn_" and which also have type="button". Example: input[type="button"] **&&** [class^="btn_"] It is possible to do this?…
-
9
votes1
answer21547
viewsHow can one CSS style class inherit from another class?
I have a class circulo with various properties: source and shape, etc and I have another class circulo1 with the property size and color. I have to make several circles of different sizes with the…