Flashcards
HTML5 / CSS Advanced
Cards in this deck (27)
- 1What is the target attribute and what does it need?It opens up a link in a new tab. Goes in anchor element. Also needs a value of _blank
- 2What is ?Html's line break element.
It start a new line. Use it to modify spacing.
It is self closing. - 3What three attributes do you need in html to link the css to it?href
type
rel
usually
href="route to css file"
type="text/css"
rel="stylesheet" - 4What is the * selector in CSS?The universal selector. Will apply properties to all elements.
- 5What is HSL color coding?Hue 0-360
Saturation 0-100%
Lightness 0-100%
Ex:
color: hsl(360, 50%, 20%) - 6What is rgba?red green blue alpha. Alpha represents the opacity of a color! value has to be 0-1
ex: 0.5 = 50% opacity - 7What is em measure?Measure in the width of an m in that text for whatever the current size is.
Usually only used for indicating line spacing because it's already relative. - 8What are some ways to define font-weight values?either bold, or normal. or in #.
100 being thin.
900 being thick. - 9How do you get rid of the dots in an unordered list?in the ul css add
list-style-type: none; - 10how do you add a image in css?element {
background: url(routeToFile);
}
you can also add center and no-repeat too - 11how do you make something go to the left right or centerin css add float: left; etc
- 12How do you make a group of things go in a row instead of stackedCSS add
display: inline-block; - 13How would you get rid of an underline in underlined text?CSS
text-decoration: none; - 14What is margin: 0 auto; do?typically set it after you set a min/max width for that element.
Then margin 0 auto will keep the margin centered even if the screen width changes. - 15How do you change the size of font awesome icons?just change font-size in the css for it.
- 16What is the css overflow property?Controls what happens when contents spilll out of a box if it's too small/big.
Can set to hidden. hides content.
Or scroll. enables a scrollbar. - 17What are CSS four positioning properties?Static relative fixed absolute
FARS - 18Explain what position: relative; doesyou assign it. then use top bottom left right. to push or pull element certain directions.
Doesn't effect any other flow or elements on the rest of the page. It's old space still remains. - 19Explain position: absoluteassign it. then assign positioning. It bases the positioning off of the nearest parent element that has a declared position value.
- it's old space gets used up by the nearest elements.
ex: if it's parent element is the whole page and you assign top:0px left: 0px. it goes to the top left. - 20explain position: fixedyou can move it around based on the top left corner of web page.
it stays in that position though even after your scrolling. - 21What does background-size: cover; do?It makes the image the size of the view on the webpage. used for background-image
- 22What are the three most common display typesblock, inline, inline-block
- 23explain display: block;Begins on a new line.
Can contain other blocks and inline elements.
Used to divide content up - 24explain display: inline;can only contain data and other inline elements.
dont default begin on a new line. stays on same line if they fit.
(they can't take padding/margin/width/height styles though) - 25explain display: inline-block;An inline block is placed inline (ie. on the same line as adjacent content), but it behaves as a block.
can still modify width heigh etc. - 26What position types can take floats?static and relative.
Absolute and fixed cannot. - 27Does a float require a specified width?Yes.
Otherwise, the element will assume the full width of its containing element, and changing the float value will not yield any visible results
Information
- Description
- Flashcards on HTML5 / CSS Advanced , created by Alexander Lynds on 06/06/2017.
- Created by
- Alexander Lynds · Jun 2017
- Updated
- Jun 19, 2017
- Views
- 5
- Rating