A customisable CSS file that makes browsers render all elements more consistently and in line with modern standards.
Normalize.css makes browsers render all elements more consistently and in line with modern standards.
Questions tagged [normalize-css]
33 questions
627
votes
10 answers
What is the difference between Normalize.css and Reset CSS?
I know what CSS Reset is, but recently I heard about this new thing called Normalize.css
What is the difference between the Normalize.css and Reset CSS?
What is the difference between normalizing CSS and resetting CSS?
Is it just a new buzz word for…
Jitendra Vyas
- 148,487
- 229
- 573
- 852
76
votes
2 answers
"font-family: monospace, monospace"
In normalize.css, the monospace font rules contain
font-family: monospace, monospace;
Is this different to
font-family: monospace;
?
There must be a reason for using that. Maybe it's a workaround for the behaviour of some browsers?
Artisan72
- 3,052
- 3
- 23
- 30
32
votes
4 answers
Angular 2: How to correctly automatically import normalize.css
I am a new Angular 2 user, and I have some problems with it.
Traditionally, we could use to import a css file, but I want to make Angular 2 to automatically import it using…
Garfield550
- 584
- 1
- 8
- 13
14
votes
3 answers
What exactly does normalization in CSS do?
I was trying some code with unordered lists in HTML on JSFiddle and I was irritated to death to find out that the bullets in the
- won't show for no apparent reason. On trying different things on my code I finally came to realize that I needed to…
Programming Noob
- 1,755
- 5
- 19
- 28
4
votes
2 answers
@use in sass - Unable to resolve path of css from node_modules
I have installed modern-normalize in my project, and from a sass file I'm trying to include it's css file like so:
@use '~modern-normalize/modern-normalize' as *;
I keep getting this however:
Error: Can't find stylesheet to import. ╷ 9 │…
mindparse
- 6,115
- 27
- 90
- 191
4
votes
1 answer
What is the best way of using normalize.css in Nuxt.js projects?
I have scaffolded a new Nuxt.js project using npx create-nuxt-app command and used Bulma for UI framework.
I learned that bulma.css file has been included in nuxt.config.js file with the following configuration.
modules: [
'@nuxtjs/bulma'
]
But…
Maestro Dever
- 562
- 1
- 8
- 20
4
votes
1 answer
SASS: normalize.css works, but does not show up in compiled CSS file?
I am just taking my first steps into the SASS-world. I set up everything, created a new project and downloaded the SASS port of normalize.css.
Inside the folder that holds all my SASS files, I have a folder called "normalize". That holds a file…
Sven
- 12,997
- 27
- 90
- 148
3
votes
5 answers
Include 'normalize-scss' in Vue CLI 3
Just added the package normalize-scss to my new Vue project, but none of the styles are being applied... I've tried both:
@import 'normalize-scss' in my styles.scss
import 'normalize-scss' in my main.js page
Am I doing something wrong? The package…
Modermo
- 1,852
- 2
- 25
- 46
3
votes
2 answers
Should Normalize.css be kept as separate file or compiled (through postcss @import) into the final "styles.css" file?
In terms of performance/speed of the final product and according to the best practices - should Normalize.css be kept as separate file (linked from HTML head) or is it better to compile it into the final .css file?
I was searching here and on many…
nemanja
- 664
- 5
- 16
3
votes
0 answers
What's the major differences between Normalize CSS and Marx CSS?
I know what Normalize CSS does. But, recently I found Marx CSS. The features look quite similar to Normalize CSS. To be specific should we continue with Normalize CSS or is Marx CSS is a better option as it seems to be quite light-weighted or is it…
shet_tayyy
- 5,366
- 11
- 44
- 82
2
votes
1 answer
Will amp-story work fully with Normalize.css and Basscss?
Will amp-story work fully with Normalize.css and Basscss? I ask because AMP Start is built on top of these two existing open-source projects:
https://www.ampstart.com/howitworks
Normalize.css
Normalize.css makes browsers render all elements more…
MobiCycle Ltd
- 329
- 1
- 9
2
votes
1 answer
When would one use Reset CSS over Normalize.css?
I have read this Stack Overflow question on differences between Normalize.css vs Reset CSS, but it doesn't mention when which approach should be used. To me, it seems like normalize.css has way more advantages over Reset CSS.
I can't think of a…
Yangshun Tay
- 49,270
- 33
- 114
- 141
1
vote
1 answer
Fix warning "Also define the standard property 'appearance' for compatibility" on normalize.css
I am really new to css and web building in general and I wanted to use a normalize.css file but I get an error in two lines of code.
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
…
David Ark
- 11
- 1
1
vote
0 answers
default line-height setting truncates Segoe UI
Chrome is truncating the display of Segoe UI when used with a line-height of 1.15 (default setting of normalize.css) This behaviour does not occur on Firefox
This is best illustrated via a screenshot (zoomed in instead of using larger fonts)
You…
wal
- 17,409
- 8
- 74
- 109
1
vote
1 answer
How to use normalize.css with webpack style-loader?
I have a webpack project setup like so:
webpack.config.js:
module.exports = {
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
{
…
Micah
- 10,295
- 13
- 66
- 95