Understanding and mutual conversion of elements in HTML rows and block-level elements
Block-level elements:Div, p (paragraph), form (form), ul (unordered list), li (list item), ol (ordered list), dl (definition list ), hr (horizontal split line), menu (menu list), table (table )...
Features:1. A block-level element occupies only one row, and its width automatically fills the width of its parent element.
2
Pseudo and pseudo elements, pseudo elementsPseudo class
Pseudo-class selection elements are based on the status of the current element, or the current characteristics of the element, rather than static flags such as the element id, class, and attribute. Because the state changes dynamically, when an element reaches a specific State, it may get a pseudo-class style. When the state changes, it will lose this
Add a new HTML contentWe'll learn the four jQuery methods for adding new content:
Append ()-inserts content at the end of the selected element
Prepend ()-Inserts content at the beginning of the selected element
After ()-Inserts the content after the selected element
Before ()-insert content before selected element
JQuery Append () methodThe JQuery append () method inserts the content at the end of the selected element.Instance$ ("P"). Append ("Some appended text.");JQue
JQuery uses (3) to process page elements and jquery Elements
Page elements can be managed through various query and modification methods in DOM programming, which is very troublesome. JQuery provides a complete set of methods to process page elements. Including the content, copying, moving, and replacing of
The first thing we need to know is that all HTML elements are either blocks (block elements) or inline (inline elements). Here is a look at the characteristics of block and inline:
Features of the block element:
Always start on a new line;Height, row height and top and bottom margins are controllable;The width defaults to 100% of its container, unless a width is
Intra-row elements, block-level elements, their respective features and their mutual conversion, element feature conversion
As a small front-end, block-level elements and intra-row elements have been used for thousands or tens of thousands of times. Apart from "Block-level exclusive row exclusive", there is very little
Three differences between a block-level element and an inline element1. The visual difference between inline elements and block-level elements:Inline elements are arranged in a straight line, all on the same line, horizontallyBlock-level elements are exclusively on one line and are arranged vertically. Block-level elements
First, we must correctly understand what is a child element. For example, we wrote a span tag on the Web page. and write the text in span: "Welcome to the cloud community", so this text content is a child of span. The same if span is contained by a Div. Then span is the child element of the Div. Look at the following code:
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
As you can see from the code above, "Welcome to the clou
Permutations
Given A collection of numbers, return all possible permutations.
For example,[1,2,3] have the following permutations:[1,2,3], [1,3,2], [2,1,3], [2,3,1], [3,1,2], and [3,2,1].
To find the entire array of elements, the array does not contain duplicate elements
Algorithm 1: Recursion
Similar to DFS recursion. For an array of n elements, first deter
Classification of block-level elementsBlock-level elements are divided into three types of structure or content: structured block elements, terminal block elements, and multi-object block elements.I. Structured block elementsSuch elements are used to construct the structure of a document, and a good document structure
First, the characteristics of block-level elements1, the default display in the upper left corner of the parent tag2. Full line (full document flow) by default the document flow is a document flow by dividing the form from top to bottom, and emitting elements from left to right in each row.Two, the characteristics of the element in the line (inline element)1, the size is affected by the text area, not affected by width, height.2. The inline
Displace element/Replace element:Depending on the label and attributes of the element, the browser determines the specific display of the element.The browser displays the picture based on the src attribute of . Determines whether an input box or a button is displayed, depending on the type property of Permutation elements include: the permutation element differs from the normal inline element :Displacement elem
I don't know if my friends have ever encountered the control occlusion problem. The most typical issue is DropdownList and ActiveX occlusion. The z-index of HTML is used to solve this problem, but it is not feasible to directly set this attribute, this involves the problem of window elements and window elements.
Window elements include the following types:
Windo
Features of block elements:① Always start on a new line;② Height, row height, and outer and inner margins can be controlled;③ The default width is 100% of its container unless a width is set.④ It can accommodate inline elements and other block elementsFeatures of the inline element:① And other elements are on one row;② High, the row height, outer margin, and inne
Take a look at the following example and you can see the difference between the two:In the example above,,Where In other cases, some block elements may not contain other block elements. For example, this:Test textAnd this is possible.Why is it? Because the DTD we use specifies that block-level elements cannot be placed in When a So that's how it goes:Test text Th
Block elementIt is generally a container for other elements that can hold inline elements and other blocky elements, and block elements repel other elements to the same line, with width (width) height (height) in effect. Common block ele
Difference One:Block-level: block-level elements will have a single row, and width automatically fills the width of its parent element by defaultInline: Inline elements do not monopolize a row, and adjacent inline elements are lined up in the same row. Its width changes depending on the content.Difference Two:Block-level: block-level
1, Chinese garbledThe reason why Chinese garbled: Web page source code and content encoding format is different, for example, one is GBK, one is Utf-8Workaround: Change to the same encoding ... (Note: The encoding format for creating pages with the IDE or other tools is consistent with the character set charset character set format in =======================================================2, block-level elements and inline
This article brings you the content is about HTML5 new elements: the introduction of semantic elements, there is a certain reference value, the need for friends can refer to, I hope to help you.
A few years ago, the use of P-elements was generally used for web layout, but it was not semantically good. HTML5 introduces a number of new block-level
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.