Today, we finally have a more rational understanding of block-level elements and inline elements in HTML. First, the explanation for block and inline is:The study of BlockThrough the interpretation of the mass, that is, the block (block-level) elements are displayed exclusively on one line. Its sibling element must not be in the same row as the other (unless it i
5. Conversion between block elements and inline elements.
1. Conversion between block elements and inline Elements
We can use css to solve the conversion between block-level elements and inline elements. This attribute difference
Html-block-level elements and inline elementsBlock-level elements
Inline elements
address- Block-block reference Center-center to aligning (not recommended) Dir-directory list (HTML5 kicked Out) Div-often You can't use it anymore. dl-list fieldset-a box containing a form group Form-table a single H1 ~ h6 various size
There are 91 HTML elements in the standard, which can be divided into blocks (block element) and inline elements (inline element).Block elements are typically container elements of other elements, and block elements generally star
Classification of HTML elements in CSS and CSS of HTML elements
Elements are the basic structure of HTML documents, such as h1, p, ul, and div. In CSS, elements can be divided into "replacement element" and "non-replacement element ". If you look at the display effect of elements
DefinedThe traditional block-level element definition simply illustrates the formation of a block in the document flow, with the addition of lines in front and back, which is somewhat general. In fact, the box element refers to the macro on the box element, it consists of 3 types: 1. Block-level element 2.dispaly is set to Class block 3. The inclusion of some elements forces them to form block-level elements
Block-level elements have the following characteristics compared to row-level elements:(1), before and after the line display, block-level elements compared to "overbearing", the default state exclusive of a whole line.(2), block-level elements are commonly used as containers, which can then "accommodate" other block-l
Block-level elementsBlock-level elements have several characteristics:
If the width is not set, the element automatically adapts to the width of the parent element
can have margin and inner margin
If the height is not set, the element automatically adapts to the height of the child elements (assuming they are not set to float and position)
By default, it will be placed after the previou
Inline and block-level elements are a very important concept for the front end. In CSS, only block-level elements have physical properties, while elements have three forms:1. Block-level elements: There are physical properties, width,height write values work, and to occupy a row.2. Inline
Complaints about js block elements and inline Elements
Someone asked this question: why can't div be placed in the p tag?
It can only be said that this is a rule, haha
Enter the topic below
Block-level elements--- H1, h2, h3, h4, h5, h6, hr, div, fieldset, form, dl, address, ol, p, table, ul, pre, etc.
Inline Element--- A, B, br, em, I, img, input, strong, t
Replace element: have intrinsic dimensions (intrinsicdimensions), they You can set the Width/height property , and there is no substantive content between them, that is, the code does not directly display (text content) . The replacement element is the browser based on its . The Replace element increases the height of the row box, but does not affect the line-height, the content area Height value = padding-top + padding-bottom + margin-top + margin-bottom + height. To center the replacement e
There are two elements that make up a Web page: a block element and an inline element, which is not a good way to navigate the two elements, and the Web page created may have compatibility issues!Block elementBlock elements are typically containers for other elements, can accommodate inline
Array:
var arr = [99.1, 92.2, 60, 50, 49.5, 45.7, 25.1, 20, 17.4, 13, 10, 7, 2.1, 2, 1];
The array elements that are found and are 100:
[60,20,10,7,2,1]
Reply content:
Array:
var arr = [99.1, 92.2, 60, 50, 49.5, 45.7, 25.1, 20, 17.4, 13, 10, 7, 2.1, 2, 1];
The array elements that are found and are 100:
[60,20,10,7,2,1]
function f($n, $arr) { //$n是目标数字,$arr是数字
Elements in a page are generally divided into two types: block-level elements and intra-row elements (Inline elements). These elements are actually divided into two types, so there must be a difference between them:1. Block-level element
Oneblock-level element in-line elementDiv, H1, or p elements are often referred to as block-level elements . This means that these elements appear as a piece of content, the " Block box ". In contrast, elements such as span and strong are called " inline elements ," because
What is a CSS block-level element? For some friends who just learn css, this problem may not be well understood, then, the next article will introduce you to the
What are the definitions of CSS block-level elements, and what are CSS block-level elements?
The definition of CSS block-level elements
According to the World wide explanation, the block element is dis
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
The STL selects the method to delete elements with caution, and the stl selects the elements with caution.Zookeeper
1. Delete all objects with specific values in the container
1. If the container is a vector, string, or deque, use erase-remove. For example:Vector
C. erase (remove (c. begin (), c. end (), 1963), c. end (); // delete an element whose value is 1963
The following describes the algorithm remove
Document Stream
The form is divided into rows from top to bottom, and the elements are discharged from left to right in each row, that is, the document stream.
Each non-floating block-level element occupies only one row, and the floating element floats at one end of the row as required. If the current row cannot accommodate it, a new row will be floated.
An inline element does not exclusive to a row. Almost all
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.