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
-
4
votes1
answer56
viewsContent with code points (Entity) or Unicode characters
On the website w3schools has the reference of all characters - specials, symbols, alphanumerics. I did not understand the purpose of having this representation of characters. In the example below…
-
4
votes0
answers318
viewsI make a change in CSS but after Reload it goes back to normal
I have the following View: I want to, change the position of CheckBox, then on View we have a div: <div class="form-group"> <div class="col-md-offset-2 col-md-10"> <div…
-
4
votes1
answer1925
viewsCan I apply HTML/CSS to a pure C program?
The programming club I’m attending has completed a program that works as a stock controller and shows things that are available and things borrowed. It was made in pure C, so the display is quite…
-
4
votes1
answer112
viewsCSS, my class can inherit from Bootstrap
I have a system with old Look and Feel. The idea is to change to boorstrap. BUT with as little change as possible. Concrete example. The buttons use the fwButton css class. It would be possible to…
-
4
votes1
answer390
viewsSave cropped image with JCROP pro Bank
Hello! I am creating a user profile and to crop the image I am using JCROP. He cuts normally for me, but wanted to know how I do to save this result in the image and the bank accept this cut that…
-
4
votes1
answer44
viewsWhat is the correct way to use the "%" operator in Sass?
I’m making changes to a page that was made using Sass, and I’m still very beginner with the framework, and I came across the following code: %cf { &:after { content: ''; display: block; clear:…
-
4
votes1
answer63
viewsCan the use of many variables in the CSS affect page performance?
The use of many variables in CSS can end up greatly degrading the page’s performance? It is possible to say more or less the use of how many would be necessary to begin to bring a negative impact?…
-
4
votes1
answer869
viewsGallery with category filter
I need to implement the following: category buttons + category gallery I have several categories on my site and an image gallery for each one. On the front, I will create buttons with the categories…
-
4
votes0
answers51
viewsGrid with different height
Hello, I was making a table with some information about chefs, but the text is too long so I decided to put a "continue reading" button, when the text opens, the body of the box increases and drags…
-
4
votes1
answer106
viewsWhat is the difference between align-items and align-content?
Is there any difference between the align-items and the align-content?
-
4
votes1
answer141
viewsCSS + Java Script : Treating image larger than a circular div
Good morning !! Here’s what I’m trying to do: I created a Function that when clicking on the photo, sends the photo to the circular div conteudo, the problem is that if the image is larger than the…
-
4
votes2
answers407
viewsWhen I put input inside some div javascript does not work
I want to apply the css in a form but when I put the inputs inside some div javascript does not work See the code: In case when I type the email and the password was for the button to turn blue…
-
4
votes2
answers880
viewsAdjustments to the React.JS CSS
I’m developing a simple system in React and I’m having difficulties in the visual part, for example for mobile: I need to leave my system this way: Is that way: The web system needs to be like this:…
-
4
votes2
answers326
viewsHow to align a mosaic with CSS?
I have the following code: .exemplo { width: 800px; } img { width:100%; height: 100%; } .home-videos { /*@extend .col-md-3;*/ width: 200px; height: 150px; padding: 5px !important; box-sizing:…
-
4
votes1
answer183
viewsDiv height is greater than image height. Why?
I have the following pure HTML, no CSS <div> <img src="_img/_banner/banner1.jpg" /> </div> The image banner1.jpg possesses 300px of height and to div no dimensions have been…
-
4
votes2
answers504
views -
4
votes1
answer118
viewsCSS must be Shorthand or Longhand
Fine tune which is the right practice, use CSS with Shorthand or Longhand? I looked, but I couldn’t find a definitive answer... When we declare the class with Shorthand we are saying that all other…
-
4
votes1
answer69
viewsoverflow Hidden with float left
Hello I’m learning now how to deal with css, and fall into a situation that I found nowhere the answer, I will be very grateful if someone can help me. .pai-com-overflow{ border: 1px solid red;…
-
4
votes3
answers797
viewsHow to remove "whitespace-only text Node" that appear in HTML from the DOM
It seems that the HTML by default puts a damn"whitespace-only text node" among the elements of inline level with this I gain a "margin" between the elements that I cannot remove from the DOM I know…
-
4
votes1
answer966
viewsAlign Ivs vertically to center (Middle)
I have the following code: @charset "utf-8"; /* CSS Document */ img { border: 0; max-width: 100%; } div.cabecalho { position:relative; width:100%; height:200px; border:.1px solid #000000; }…
-
4
votes1
answer85
viewsAs by caption in a point created in an image
I have a code that draws dots on an image based on my select options. Each point is related to a select and therefore I would like to know how to put a legend with the name of each select in the…
-
4
votes1
answer3776
viewsHow to create MASK with pure JS in React
I am transforming a site HTML, CSS and jQuery in React but I saw that the use of jQuery is lagged in React since it is possible to create some components faster and simpler, my doubt is how to…
-
4
votes2
answers480
viewsIncrease div height with animation using CSS
I have this code that creates a wine glass with CSS: body{ background: #000; } .wrap { width: 100px; margin: 0 auto; position: relative; } .glass{ margin: 0 auto; height: 100px; width: 100px;…
-
4
votes1
answer910
viewsCustom resize of a div
How to customize the resize so that it is possible to resize anywhere at the bottom of the div Example of the stackoverflow: .caixa { background-color: #444; /* margin: 100px auto; */ height: 100px;…
-
4
votes2
answers242
viewsHow to leave checked option when clicking div
There is a website where the customer should choose a cor and tamanho for certain product, what I have today are Divs that show colors and sizes but I’m not able to leave the option marcada when…
-
4
votes2
answers278
viewsAdd attribute via CSS if the following element contains x element inside
Hello! I don’t know if I could be very clear with the title of my question. But my question is with the following code: <div id="newsletter" class="col-sm-12"> <div class="news-title">…
-
4
votes1
answer187
viewsWhy does the Edge only move the element Horizontally and not Vertically?
Because the Edge in <span> only moves the element sideways, but vertically the edge is outside the container father? Notice in this example below that when I use the edge on <span> she…
-
4
votes2
answers4076
viewsMouse Cursor - Javascript and CSS
The cursor: pointer is a CSS property that defines the mouse cursor as a "pointer" over a given element. So far all quiet, it is worth mentioning that in Javascript I can also add a mouse cursor on…
-
4
votes1
answer1144
viewsChange menu color by css
I’m trying to leave a menu with a specific color and I’m not getting it, I’ve changed the effect hover but when the mouse is not positioned would like the whole menu to be the color #e70781 and not…
cssasked 6 years, 2 months ago adventistapr 5,498 -
4
votes3
answers1856
viewsHow do I make the logo disappear when I roll the page?
I am creating a menu with version 4.1.3 of Bootstrap and would like to know how I can do when scrolling the page to soon disappear? In this case, only the menu should be. Obs.: When returning the…
-
4
votes2
answers375
views -
4
votes1
answer627
viewsHow to adjust Background to fit inside container without cutting anything?
I have a Pattern that is repeated in both X and Y that I want to use as background in a div, but I’d like it to fit within the div without cutting on the sides as in the image. (I want them to have…
-
4
votes2
answers873
viewsHow to Make 3D Text with CSS
Is there any way to get to this result with CSS only? Make a kind of 3D effect in text panes with CSS? Type the image below? body { background-color: #880000; } h1 { color: #fff; font-size: 100px;…
-
4
votes2
answers673
viewsWith CSS is it possible to fill in the "eyes" of the Font? Is it possible to fill in the "holes" of the letters A, O, P, etc?
I was wanting to create a title to use in the sessions of my site, but wanted the source to have an effect similar to those images, With eyes filled giving the impression that the source has the…
-
4
votes1
answer3207
viewsBack to top button only with CSS. Smooth scroll only with CSS is possible?
I know that here on the site there are numerous questions of Smooth Scroll and Button to "return to top" (back to top), but they all involve Javascript or jQuery, but this não is my goal. I would…
-
4
votes1
answer496
viewsHow to Inspect an element that only appears when I do Hover on another element?
I have an element that when making a hover in it will appear a pseudo-element elsewhere on the screen, however I would like to inspect this pseudo-element when it is visible on the screen. How do I…
-
4
votes1
answer104
viewsHow to organize photos in multiple frames
I wanted to make this effect of the image below. Here img.fotosC { margin: 5px; } img.fotoLat { width: 17%; } img.fotoCent1 { width: 10%; } img.fotoCent2 { width: 40.5%; } <div…
-
4
votes1
answer1013
viewsHow to make a CSS animation starting from one side in Hover and ending from the other when Hover comes out?
I have an animation where an element appears entering from left to right when I do the :hover in the .box, but I would like that when I took the mouse from the .box the element now exits from the…
-
4
votes1
answer159
viewsHow to fix CSS problem with Letter-Spacing and right-aligned text?
I and have a situation in which I have a container with two lines of text inside aligned to the right. Only that one of the lines is with the property letter-spacing: 15px; Increase the spacing…
-
4
votes1
answer358
viewsBy Divs next to bootstrap
I have 5 Ivs, I want them aligned in the same line... But the center div is not aligned... <section class="content"> <div class="row"> <div class=" col-xs-2 "> <a href="#"…
-
4
votes2
answers397
viewsHow to animate a Radial-Gradient or Linear Gradient with CSS?
I’m trying to make an animation with CSS that would be a "sun" passing through an image. The idea was to have something next of that result: But in my code the "sun" is jumping from one side to the…
-
4
votes1
answer50
viewsWith CSS is it possible to change the cursor more than once when interacting with the element?
I have an element that will can be moved by the screen. So thinking about ux/ui I wish I could give two feedbacks for the user. In the first case it places the mouse over the element, and in the…
-
4
votes2
answers855
viewsHow to break line in Pseudo Content element ::after or ::before?
Is there any way to break the line of a text that is in content of a pseudo element type o ::after or the ::before ? Whereas something like this: content: "<br> não quebra?"; or this content:…
-
4
votes2
answers123
viewsWhy doesn’t my class apply the style I set to the "H1" tag?
I did an example of CSS code to learn a little bit more about the use of classes. However, I realized a mistake and I can’t quite understand why. 1° example .fonte-style-h1 { vertical-align: middle;…
-
4
votes1
answer286
viewsHow to align an element at the bottom of the mother div?
I need the content that’s in <h1> stay aligned below (bottom) in <div>. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"…
-
4
votes2
answers1563
viewsIn HTML and CSS should I use Single Quotes or Double Quotes? Is there any recommendation?
I recently noticed that the text editor that I use gives me an "alert" if I use simple quotes ' ' in HTML. Below are two examples, one using Simple Quotes in the body of the document in…
-
4
votes2
answers54
viewsCompensating for Select Option loss
I have a style I use for the fields of form: .inputTextMedio { border: 1px solid rgb(0,0,0); border-radius: 10px; width: 250px; height: 30px; padding: 3px; display: inline-block; } The problem is…
-
4
votes2
answers1399
viewsIs there a difference between flex-Basis, flex-Grow and width? What is the recommendation for using them in a Flex container?
I have a technical question about using the property flex-basis, flex-grow and width. Note that in the image below I got the same result using the 3 properties. Then I was in doubt, if the 3…
-
4
votes2
answers370
viewsDifference between scroll speed and the speed the image is revealed using background-Attachment: Fixed
Is there any way I can control or create a difference/delay between the speed of scroll the mouse and the speed that an image in background using background-attachment: fixed appear? CSS: #parallax…
-
4
votes3
answers4397
viewshtml file does not identify CSS
I went for a style on the page and HTML does not use the CSS file. First I put it like this: <link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="bootstrap.css"> And on…