a keyword to define the special state of an HTML element

add rules for an HTML element's style under certain conditions, add rules for an HTML element's style based on the element's position in the document tree

a structural pseudo-class, indicating the top element in the HTML document, like html element

a structural pseudo-class, indicating the empty element in the HTML document

<header>

many

one or more heading element (<h1 - h6>), logo or icon authorship info

<footer>, <address>, another <header>

<blockquote>

Browsers usually indent <blockquote> elements

<q>

cite = “URL”

higher priority than any other HTML selector, override any style set using the html selector

:only-child, structural pseudo-class

paragraph 1

include the content of grid to become a direct child within a parent element of which has been set as display:grid

select the table tag of html

no. They are specific for table data <td> and table header <th>

use border-spacing: “value” in table element in CSS

no, the border will only effective to the table except the caption, because caption is not considered as part of the table body

it is likely caused by the default margin or padding applied to the <img> element. Browsers often apply default styles that can create unexpected spacing. We need to convert inline element into block, then remove the margin and padding of that element it can be solved by this CSS style .header img{ display: block; margin: 0px; padding: 0px; }

if the element is an block level element?, if the width of the element has been set?

margins are outside the element’s box model., The background color or image only covers the content, padding, and border areas of an element, not the margin area.

make sure the pseudo element and pseudo class work for which type of element, like only work for only work for block elements, or both work fine, like first-letter and first-line only work for block element

inline-level block, no

embedded javascript

JavaScript will return NaN, prevent it by using isNaN(value) to check if the value is numeric. It will return true if the value is not a numeric value

JavaScript will return infinity as output, prevent it by using isFinite(value) to check if the value is a finite number. It returns true if the value is a finite number

var array = [“1”,”2”,”3”,”4”];, var array = new Array(“1”,”2”,”3”,”4”);, var array = new Array(10);, let array = [“1”,2,”3”,4];

undefined

No, the length of array will automatically expand as more items are added, but it cannot automatically shrink when some items are deleted. The space with deleted item remain undefined, yes, the length of JavaScript array be changed in code after created. It can be done by indicating the length by arrayName.length

It directly sort the items of an array in alphabetical order, including numeric value

using compare functions and put it as an argument in sort() method

for sorting number in ascending order function fname(a,b){ return a - b; }, for sorting number in descending order function fname(a,b){ return b - a; }, use the the compare function by: array.sort(fname);

no

it refers to a function without invoking it. It tells JavaScript to delay the function call, setInterval(timerRun, 50); function timeRun() { var time = new Date(); var realTime = time.toLocaleTimeString(); document.getElementById(“time”).innerHTML = realtime; }

empty cells will not take up verticle space, overflow beyond the container if not specifying table width, width of table columns are not same

no

Yes