IES: CSS-deck 13

Question 1

::marker

Answer 1

• pseudo-element
• This selects the markers of list items

Question 2

content

Answer 2

• used with the ::before and ::after pseudo-elements, to insert generated content. ah
• values:
  1. normal
  2. none
  3. counter
  4. attr(attribute)
  5. string (must be enclosed within quote marks (will not be included in the inserted text-spaces will be preserved))
  6. open-quote
  7. close-quote
  8. no-open-quote
  9. no-close-quote
  10. url(url)
  11. initial
  12. inherit
• can be used to specify non-textual content

Question 3

“open-quote”

Answer 3

• content keyword
• explicitly insert quotes-before specified text

Question 4

“close-quote”

Answer 4

• content keyword
• explicitly insert quotes- after specified text

Question 5

“url (url or specified path to a resource)”

you are L

Answer 5

• content keyword/function
• Function specifying non-textual content by stating the path to a resource within the parentheses.

Question 6

“attr()”

Answer 6

• content keyword/function
• Can be used to specify the name of an attribute
• assigned value should be inserted as content

Question 7

multiple items specified to content

Answer 7

• specified as a space-separated list
• use any content value

Question 8

counter()

Answer 8

• ::before keyword/function
• Inserts generated content to automatically number Instances of an element in an HTML doc
• To create this property:
  1. Specifies the chosen name within the ().
  2. specifies the incremental value
  3. The chosen name and the incremental value are specified to counter-increment as a space-separated list.
  4. Counter will begin from zero (by default)
  5. option: increment is omitted-a value of 1 for the increment is assumed starting from 0 (this is all by default)
  6. Once a counter has been created, it can be inserted before a selected element as generated content by a CSS pseudo-element.

Question 9

counter-increment

Answer 9

• necessary property for creation of a counter using ::before
  1. specify a chosen counter name
  2. specify an incremental value
  3. specify these as a space-separated list
• Ex. counter-increment: num .1; (counter titled “num” with an increment of .1 (starting from 0 by default)) ; counter-increment; num; (counter titled “num” (with an increment of 1 and starting from 0 by default))

Question 10

counter-reset

Answer 10

• make counter resume counting from a different number
  1. specify the counter’s name
  2. specify the integer value from which to count
  3. specify these to the counter offspring property as a space-separated list
• Ex. counter-reset: num 6; (chosen counter titled “num” (with an increment of 1 by default) starting from 6)

Question 11

table-layout

Answer 11

• property of the table element
• CSS alternative to setting a table’s layout
• values in this determine the table column, rows, and cells sizes
• potentially faster than HTML code: may allow the browser to compute the layout without examining the entire table content.

Question 12

“fixed”

Answer 12

• table-layout keyword/value
• specifies a certain layout to the table-layout of the table
• the browser need only consider the width of the table and the width of the columns and cells on the first row.

Question 13

considerations of a fixed table

Answer 13

• Overall table width= whichever is greater: it’s specified width or the sum of its column widths
• If specified, a column width is set by its value
• If unspecified, a column width is set by a specified cell width
• If column and cell are unspecified, the columns’ widths are sized equally within the table width

Question 14

specify the first column width and a fixed layout rule:

Answer 14

• create a first column of custom width
• creates all columns will have equal width

Question 15

` table-layout`: default value

Answer 15

• “auto”
• A style rule can explicitly specify the default value
• The browser computes the column widths according to their content

Question 16

caption-side

Answer 16

• table property
• Keywords:
  1. “top”
  2. “bottom”
• where tables include a caption, its position is suggested by keyword values to this
• Keyword values suggest, but the actual treatment of captions is browser-specific.

Question 17

border-spacing

Answer 17

• table property
• Specified as a unit value
• Cannot be specified as a negative value
• The distance between table cell borders
• A single specified border-spacing value will be applied uniformly to all cell separations

Question 18

border-spacing: two values

Answer 18

• first value: applied to the horizontal spacing
• Second value: applied to the vertical spacing
• Different distances can be specified for either the horizontal or the vertical throughout the table
• With the two values CSS provides greater flexibility than HTML coding

Question 19

empty-cells

Answer 19

• table property
• When “hide” value is specified, the browser will not display the border and background of any cell that contains absolutely no content
• (Hidden empty cells continue in as much as their border-spacing values are preserved)
• When “show” value is specified, this explicitly ensures that empty cells are displayed
• property does not apply when border-collapse: “collapse” is specified

Question 20

border-collapse

Answer 20

• table property
• : “collapse” - keyword/value
• : “collapse” when specified, adjacent table borders and adjacent table cell borders can be made into a single border
• : “separate” when specified, explicitly prevents (adjacent) borders from collapsing into a single border.