COMPUTER MQ4 Flashcards
Computer
The look of an HTML table can be greatly improved with CSS
CSS Table
Full width of table
table
{
width: 100%
}
This property sets whether the table borders should be collapsed into a single border.
border-collapse
This property sets the horizontal alignment (like left, right, or center)
text-align property / horizontal alignment
This property sets the vertical alignment (like top, bottom. or middle)
vertical-align property / vertical alignment
To control the space between the border and the content in a table
Table padding
use the — on <tr> to highlight table rows on mouse over
:hover selector
add the —– property for horizontal dividers
border-bottom property
for zebra striped tables, use the —– and add background-color to all even
nth-child()
specifies the background color and text color of <th> elements
table color
property you will use to specify a table
border
specifies if/how an element is displayed
display property
always starts on a new line and takes up the full width available
block-level element
does not start on a new line and only takes up as much width as necessary
inline-level element
changing an inline element to a block element, or vice versa
override / override the default display value
a display property that results in a line break between the two elements
display : block
commonly used with JavaScript to hide and show elements without deleting or recreating them
display : none
controls what happens to content that is too big to fit in the area
overflow
default; the overflow is not clipped; the content readers outside the element’s box
visible
the overflow is clipped, and the rest of the content will be invisible
hidden
the overflow is clipped, and a scrollbar is added to see the rest of the content
scroll
similar to scroll, but it adds scrollbars only when necessary
auto
