CSS Notes

mobiprep (6).png

Tables and Lists

mobiprep (6).png

CSS Layout

mobiprep (6).png

Pseudo-class

mobiprep (6).png

CSS

mobiprep (6).png

Selectors and Declarations

mobiprep (6).png

Box Model

mobiprep (6).png

Text and Image Formatting

mobiprep (6).png

Icons, lists and Links

mobiprep (6).png

Colors

Heading

Q

1

What are the CSS Table Properties?

LRM_EXPORT_207556595493866_20190724_1939

Ans

1.The border-collapse specifies whether the browser should control the appearance of the adjacent borders that touch each other or whether each cell should maintain its style.
2.The border-spacing specifies the width that should appear between table cells.
3. The caption-side captions are presented in the <caption> element. By default, these are rendered above the table in the document. You use the caption-side property to control the placement of the table caption.
4. The empty-cells specifies whether the border should be shown if a cell is empty.
5. The table-layout allows browsers to speed up layout of a table by using the first width properties it comes across for the rest of a column rather than having to load the whole table before rendering it.

LRM_EXPORT_207556595493866_20190724_1939

Q

2

What are the different types of table borders in CSS?

LRM_EXPORT_207556595493866_20190724_1939

Ans

dotted - Defines a dotted border
dashed - Defines a dashed border
solid - Defines a solid border
double - Defines a double border
groove - Defines a 3D grooved border. The effect depends on the border-color value
ridge - Defines a 3D ridged border. The effect depends on the border-color value
dotted - Defines a dotted border
dashed - Defines a dashed border
solid - Defines a solid border
inset - Defines a 3D inset border. The effect depends on the border-color value
outset - Defines a 3D outset border. The effect depends on the border-color value
none -Defines no border
hidden - Defines a hidden border

LRM_EXPORT_207556595493866_20190724_1939

Q

3

What are the CSS List properties?

LRM_EXPORT_207556595493866_20190724_1939

Ans

Specify all the list properties in one declaration:
ul {
list-style: square inside url("sqpurple.gif");
}
The list-style property is a shorthand for the following properties:
list-style-type
list-style-position
list-style-image

CSS Syntax- list-style: list-style-type list-style-position list-style-image|initial|inherit;

LRM_EXPORT_207556595493866_20190724_1939