Lessons 4-7 Flashcards
(35 cards)
What is absolute positioning?
When an element is removed from its position to a geometric position, defined by its location to the sides of the display face.
Define block flow.
Display property which fills as much space as possible.
What is a bounding box?
Small rectangle which will fit to hold all letters and the background, which can be styled by CSS.
Define CSS.
Cascading Style Sheets, used to style, format and arrange elements within a webpage internally or externally.
Define the class attribute.
The class attribute specifies one or more classnames for an element. The class attribute is mostly used to point to a class in a style sheet.
What is CSS3?
Cascading Style Sheets Level 3 (CSS3) is the iteration of the CSS standard used in the styling and formatting of Web pages. Most recent and included in HTML5.
What is a declaration used for?
A property and value pair is called a declaration.
What is float positioning?
Useful for column layouts, float positioning moves an element as far as possible left or right. Text will wrap around a floating element.
What is the font attribute used for?
To select your desire style for your text. More specifically can use font-family to add fallback fonts.
What is the purpose of the font-family attribute?
The font-family property specifies the font for an element. It has a fallback system allowing you to provide backup fonts if your font style is not available. e.g font-family:verdana,trebuchet,arial,sans serif;
What is the hidden overflow value?
Overflow value which makes any content overflow invisible so not to leak onto the rest of the web page. This does cut off content when required.
What is the inline flow value?
Display property which only uses the amount of space required to fit the content.
What does the monospace value do?
A font property which makes all letters and characters have the same proportions.
Define sans serif.
Font styles that do not have caps on the letters. e.g. Arial.
What is the scrolling overflow value?
When an element overflows its box it automatically sets to a scroll bar so no overflow leaks onto the rest of the web design.
Define a selector.
CSS selectors select HTML elements according to its id, class, type, attribute etc. e.g .dog{ #cat{
What is the visible overflow value?
Overflow value which allows content to write over the elements following it.
What does the border attribute do?
Defines the style of a border around your element e.g. colour, width, border-style, radius, left/right/top/bottom.
What is a flexbox?
The flex layout allows responsive elements within a container to be automatically arranged depending upon screen size.
Define a flexbox item.
Flex items have primarily horizontal rows or vertical columns. The four options for flex-direction are row | row-reverse | column | column reverse. row and row-reverse are dependent on the writing mode.
Define a grid item.
A grid container contains grid items. By default, a container has one grid item for each column, in each row, but you can style the grid items so that they will span multiple columns and/or rows. Also known as child element.
What is the Grid Layout Model?
The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning.
Define the margin attribute.
Allows you to specify the width of the margin and where an element is placed in a webpage.
What are media queries?
Media queries is a feature of CSS 3 allowing content rendering to adapt to different conditions such as screen resolution. i.e. page breaks
