it has the benefit of not being easy to read, and also when dealing with mobile content is best to break it down as much as possible.
so instead of seeing:
- Code: Select all
body {
margin:0;
padding: 0;
height: 0;
width: 0;
z-index; 0px;
border: 300px solid black;
background-image: url('mypicture.png');
}
div {
margin:0;
padding: 0;
height: 0;
width: 0;
z-index; 0px;
border: 300px solid black;
background-image: url('mypicture.png');
}
you get:
- Code: Select all
body {margin:0;padding: 0;height: 0;width: 0;z-index; 0px;border: 300px solid black;background-image: url('mypicture.png');}div {margin:0;padding: 0;height: 0;width: 0;z-index; 0px;border: 300px solid black;background-image: url('mypicture.png');}
what ive done is that i see it as the first example when editing but when people view it in a browser they see it like the 2nd example.