Section 1
Preview this deck
what is asbsolute positiong?
Front
| 5 | 0 | ||
| 4 | 0 | ||
| 3 | 0 | ||
| 2 | 0 | ||
| 1 | 0 |
Active users
0
All-time users
0
Favorites
0
Last updated
6 years ago
Date created
Mar 1, 2020
Cards (67)
Section 1
(50 cards)
what is asbsolute positiong?
An absolute position element is positioned relative to the first parent element that has a position other than static. If no such element is found, the containing block is <html>:
when you specify a negative pixel quantity what is the result?
it subtracts the number of pixels from its normal location
how does the document and other elements behave when using fixed positioning?
like the element does not exist.
how should the total width of an element always be calculated?
Total element width = width + left padding + right padding + left border + right border + left margin + right margin
if you want To know the full size of the element
what must you do? ,you must also add the padding, border and margin.
what is the purpose of grouping selectors?
In style sheets there are often elements with the same style. To minimize the code, you can group selectors. but remember to Separate each selector with a comma.
how should the total height of an element always be calculated?
Total element height = height + top padding + bottom padding + top border + bottom border + top margin + bottom margin
what happens when elements are positioned outside the normal flow?
, they can overlap other elements and are treated like they are not there
what does the css box model allow you to do?
The box model allows us to place a border around elements and space elements in relation to other elements
what is the id selector used for?
to specify a style for a single, unique element.
how can you know what is a class selector?
it will have a dot in front of it. .center {text-align:center;}
describe the function of the margin part of the box model
it Clears an area around the border. The margin does not have a background color, and it is completely transparent
can Fixed positioned elements can overlap other elements?
yes
Can the content of a relatively positioned elements can be moved and overlap other elements?
Yes, but the reserved space for the element is still preserved in the normal flow.
what does the the z-index property specify?
the stack order of an element (which element should be placed in front of, or behind, the others).
what does this mean: p.center {text-align:center;}
ll p elements with class="center" will be center-aligned
what is the default positioning fro html elements?
static
how are declaration groups denoted?
with curly braces
how is an element with fixed positioning positioned?
relative to the browser window.
describe the function of the content part of the box model
this is where text and images appear
what does each declaration consist of?
a property and a value
is it possible to apply a style for a selector within a selector?
yes.one style is specified for all p elements, and a separate style is specified for p elements nested within the "marked" class
what is the advantage of image sprites
A web page with many images can take a long time to load and generates multiple server requests. Using image sprites will reduce the number of server requests and save bandwidth.With CSS, we can show just the part of the image we need.
why cant you start an id selector with a number
it wont work in firefox
what are the two main parts of a css rule?
a selector, and one or more declarations
what do the css positioning properties allow you to do?
they allow you to position an element. It can also place an element behind another, and specify what should happen when an element's content is too big.
can elements be positioned using the top
bottom, left, and right properties?,yes,but the css position property has to be set first and also work differently depending on the positioning method.
what are the four cvss positioning methods?
static,fixed,relative and absoulute
what are the three ways of inserting a style sheet?
External style sheet Internal style sheet Inline style
describe the function of the padding part of the box model
an area around the content. The padding is affected by the background color of the box
How do Css declarations always end?
with a semicolon
how can you tell what an id selector is
it will have a # in front of the id. this style will be applied to the element with id "para1"
will an element with fixed positioning move when the window is scrolled?
no
When you specify the width and height properties of an element with CSS
what are you setting the width an height of? ,you are just setting the width and height of the content area
what is a selector?
the HTML element you want to style
what is a property?
the style attribute you want to change.Each property has a value.
what is relative positioning?
A relative positioned element is positioned relative to its normal position
what is the css box model
is essentially boxes within boxes that wraps around HTML elements, and it consists of from outer box to inner box: margins, borders, padding, and the actual content.
why do you need to know how the box model works?
In order to set the width and height of an element correctly in all browsers, you need to know how the box model works.
what is an image sprite?
n image sprite is a collection of images put into a single image
why is it important to know the full width an height of an element?
because if you only have 300 pixels of space and the margin padding, border and content add up to more than 300 pixels then you will need to reduce the total to fit.
what does the class selector allow you to do?
to set a particular style for any HTML elements with the same class
what is the class selector
The class selector is used to specify a style for a group of elements. Unlike the id selector, the class selector is most often used on several elements.
describe the function of the border part of the box model
it lies around the padding and content. The border is affected by the background color of the box
can an element can have a positive or negative stack order?
Both
how are relatively positioned elements are often used?
as container blocks for absolutely positioned elements
An element with greater stack order is always in front of an element with a what?
lower stack order.
What is the CSS syntax
...
how is a static element positioned?
according to the normal flow of the page.
are Static positioned elements affected by the top
bottom, left, and right properties?,no
Section 2
(17 cards)