html commonly used tags, inclusion relations, common terms, as well as web design font classification

Programming more comfortable monospaced fonts: DejaVu Sans Mono

Font classification:

serif (Serif font) {in the stroke modification effect above some special}

sans-serif (non-serif font) {smooth vertical and horizontal. cross is a cross-point is the point}

monospace (monospace)

cursive (cursive font)

fantasy (fantasy font)

These are some of the major classification classification, did not involve a specific type, if the font is specified for these formats, the browser of their choice to specify the type of font. General. The last category name into the surface at a specified time when alternate font font

html tags

html tag semantics:

<Div>, <span> no default style and semantics

<B> (bold), <i> (in italics) have no semantic default style

<Small> has a default style h5 semantics: used to represent some of the details, such as the small print in the contract, copyright notice, etc.

<Big> have no default style semantics has been eliminated

<Cite> has a default style may indicate a reference or reference content, such as articles, books, movies, title, title Example: <p> <cite> "Dragonball" </ cite> talking about .... <p >

<Q> (the reference line) represented, for example, reference to a short <p> Confucius said: <q> learn with the </ q> </ p> has a default style, the browser will automatically add a quotation

<Blockquote> (reference block) is a long reference example <p> Confucius said: <blockquote> learn with the </ blockquote> </ p> has a default style, the browser will automatically add a quotation

<Sup> disposed such superscript 2 <sup> 2 </ sup> the browser will display 2 to the power 2 or may add a tag as small Remarks

<Sub> subscript provided

<Del> strikethrough

<Ins> inserted content expressed browser will automatically underlined

Display <pre> preformat common language tag code

<Code> merely semantic representation there is a piece of code, but the format is not retained and so typically used with pre tag

ul, li unordered list

ol, li ordered list

dl, dd, dt definition list


note:

Normally only provided with block elements wrapped row elements without wrapped with inline elements block elements

a label can be wrapped any element, in addition to itself (either inline elements or block elements)

p block elements can not contain any other elements

Relationships between elements and elements:

Relationships between elements and elements:

Parent element: a direct child elements of the element

Child elements: directly included in the parent element

Ancestor elements: a background element comprising directly or indirectly to the element (also a parent element progenitor element)

Background element: directly or indirectly progenitor element comprising an element (child element is a background element)

Siblings: have the same element is called the parent element siblings

What is a pseudo-class:

Designed to pseudo-class status indicates a particular element

For example, visited hyperlinks, text boxes focus

What is pseudo-elements

Pseudo-element is used to represent elements of some special positions

html What is the meaning of the em unit

Percentages and the like, it is compared .1em = 1 th font-size for the font size of the current element is calculated

 

Original Address: http: //www.qingzhouquanzi.com/100.html

B Notes from the Valley Station yet set html5 Course 103

Guess you like

Origin www.cnblogs.com/qq9836/p/11612219.html