CSS Basics and Setup

Question 0

In the CSS folder what do you put to stylistically change the tag?

Answer 0

(Tag Name, e.g. span) {
(Style Attribute: choice; , e.g. color: red;)
}

Question 1

How do you link an HTML sheet to a CSS sheet?

Answer 1

Put “” in the “ “ tags.

Question 2

How do you write a comment in CSS?

Answer 2

/Comment goes here./

Question 3

How do you put CSS in an HTML document without using inline CSS?

Answer 3

Use style tags “ “ (different from the style attribute) in the head tags “ “ and put CSS in them. Note: You do not need a CSS Link

Question 4

What do you do if you want a more complicated color like medium dark red or light magenta?

Answer 4

Use a hexadecimal value instead of a color.
Make sure you use the pound (aka hashtag sign) before the value.
For example: color: #ff0000;
Note: The values are case-insensitive so F = f.
Find the one you need here: http://bit.ly/36KFwk

Question 5

What do you do if you want text to adjust to the screen instead of staying the same size?

Answer 5

Use “em” instead of “px”.

Note: 1em is the same as the default text size on the machine on which it is being read.

Question 6

What fonts can all devices see?

Answer 6

serif - Sort of like D’Nealian
sans-serif - Sort of like block
cursive - It is, of course, cursive

Question 7

How do you put backup fonts in CSS?

Answer 7

You separate the with commas in order from most preferable to least preferable.
Note: Always use the default you want some where in there
For Example:
color: Veranda, Futura, sans-serif;

Question 8

What three properties should divisions have?

Answer 8

background-color, height, and width
Ex. div {
     background-color: #ff0000;
     height: 50 px;
     width: 50 px;
}

Question 9

What property can you use to set borders and how do you use it?

Answer 9

border: #px solid/dashed color
Ex.
table{
     border: 2px dashed #ff0000;
}

Question 10

What property do you have to change so you can customize links and how do you change it?

Answer 10

Set the property "text-decoration" to "none"
Ex. a {
     color: #ff0000;
     text-decoration: none;
}

Question 11

What do you do to have your selector be only things nested in certain HTML tags?

Answer 11

List them in order of broad to the specific one you want.
Ex. div p span {
color: red;
}
This only effects span in paragraphs in the division tags.

Question 12

What selector can you use to select everything?

Answer 12

• (astrus)
  Ex. * {
  background-color: #ff0000
  }

Question 13

What happens if you have a general selector (ex. p) telling paragraphs to do something and a specific selector (ex. div p) telling them to do something else?

Answer 13

CSS will follow the most specific selector, however it does follow the general selector when it does not coincide with the more specific one.
Ex. p would apply to all paragraphs except for ones in dividers if div p was another selector

Question 14

What do you need to select a tag directly inside of a tag instead of any type of that tag that is inside of that tag?
Ex. <ul> (“<div>”) <p> (</p><div>) (</div>) <p> (“</p></div>”) </ul>
ul div gets what is in parentheses, however you just want what is in quotations, directly after ul

Answer 14

> (the greater than mark)
Ex. ul > div {
background-color: #ff0000;
}

Question 15

What CSS selector do you use if you want multiple elements (Ex. div, td, p) but only certain tags with that element?

Answer 15

Use a class. 
First identify the tags in HTML 
Ex. <div class="yay">  </div>  <p class="yay">  </p>
Then write in the selector
Ex.  .yay {
     background-color: #ff0000;
}