Css

Front 1

What are the main benefits of a CSS framework?

Back 1

Grid system for easy layout
Keeps page consistent across browsers

Front 2

What does the class "last" do in blueprint?

Back 2

It removes the 10px passing on the right side for columns which you want to be the last (the rightmost) within the section.

Front 3

How would you do a simple 2 column layout in blueprint?

Back 3

<div class="container showgrid">
<h1 class="span-24">Main header spans all 24</h1>
<div class="span-12"><h2>Left side</h2></div>
<div class="span-12 last"><h2>Right size</h2></div>
</div>

Front 4

What would be a benefit of using compass with blueprint?

Back 4

Blueprint requires mixing html with the style, since you specify the column width of each div directly in html, but the whole point of css is to keep appearance separate from html. So compass allows you to set which div id's have what column layout!

Front 5

What are the benefits to using SASS over plain CSS3?

Back 5

1) You can use variables to store common values such as colours!
2) You can nest styles to avoid repetition
3) Mixins let you reuse whole css styles like variables!
4) Styles can be inherited

Front 6

What is a selector?

Back 6

A pattern used to describe the style of elements, for example (.classname, #idname, div, etc)

Front 7

The CSS syntax is made up of three parts:

Back 7

a selector, a property and a value:

selector {property: value}

Front 8

In this: <link rel="stylesheet" type = "text/css" href = "main.css"/> What does the rel, type and href mean?

Back 8

rel=relationship (stylesheet)
type= type of file (css)
href = location of file

Front 9

How do you write a comment in a css file?

Back 9

/*
Comment goes here
*/

Front 10

How would you give the body a background which is an image?

Back 10

body {
background-image: url('some_image.png');
}