A deep understanding of pseudo elements and a deep understanding of pseudo elementsDirectory [1] Definition [2] usage first-letter first-line before after selection [3] Highlights [4] DEMO first-word sinking nail effect image superposition effect Definition
Pseudo elements are disguised as elements but not elements, wh
We talked about the ID selector and class selector, and their differences and relationships, and let's explore the magical categories and pseudo-elements.
In fact, I used to pseudo-class and pseudo-elements are also confused, and now decided to peel off its mysterious cloak, first of all, what is pseudo-class? What is a pseudo-element?
Understanding of pseudo-classes and pseudo-
Basic knowledge of jquery1.jquery file Introduction, all the JS code to be written below the code below.src= ".. /jquery-1.11.2.min.js ">script> introduced jquery must be on top of the , but also on other jquery files that are introduced-- 2. Where to write jquery codeLike JS, the jquery code is also written between the type= "Text/javascript">script> jquery Select elements1. Find Elements by IDFirst write a id= "A1">div>(1) Use JS to find, take the s
block Elements :1. Occupy the entire line width
2. There are line breaks before and after
3 A complete box model structure
Inline Elements :
1. Depending on the content to determine the occupancy width
2. No Line break
3. Do not have a complete box model structure
Add:Warning1. An inline element set to Display:block is not allowed to have nested block
The function of the vetical-align is to align the inline elements vertically.Possible values
Baseline
Default. element is placed on the baseline of the parent element.
Sub
Subscript for vertical alignment of the aligned right.
Super
Superscript of vertical aligned aligned
Top
Aligns the top of the element with the top of the highest element in the row
Text-
PHP merges the same elements in the array, and PHP merges the array elements
This example describes how PHP merges the same elements in an array. Share to everyone for your reference. Specific as follows:
About the deletion of duplicate arrays we have introduced n methods, today This example is a bit different is to delete the same
For example, in the array: {code...}, find the array element: {code...} for the sum of 100, such as 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];
Find the array element with the sum of 100:
[60,20,10,7,2,1]
Reply content:
For example, 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];
Find the array element with the sum of 100:
[60,20,10,7,2,1]
Function f ($ n, $ arr) {
value not as Value $ (' div:[attribute!=text] ')(4): [Attribute^=value] Select an element with value starting with value $ (' div:[attribute^=text] ')(5): [Attribute$=value] Select the element that ends with value for the attribute $ (' div:[attribute$=text] ')(6): [Attribute*=value] Select the attribute value contains the element of value $ (' div:[attribute*=text] ')Iii. Content Filter Selector (four must be remembered): Contains select the element that contains text for $ (' Div:contains (.
Block elements: Each block element occupies its own line. When n block elements occur, the n rows are accounted for.1 Address-2 BLOCKQUOTE-block reference
3 Center-Center to aligning 4 DIR-directory list
5 Div-Common block-level container, also the main label of CSS layout 6 DL-definition list
7 Fieldset-form control Group 8 form-Interactive form
9 H1-Big title-h2-Subtitle
One
# arrayThe Concept of # # # array* Array is an ordered set of values* Each value in the array is called an element* Each element can be a value of any data type* Each element has an index (subscript)* The index of the element starts at 0 and increments in order. The element's largest index 2^32-2# # # Create an array* Direct Volume ' [] '* Constructor Method ' new Array () '# # # Read and write elements in an array* array name [index]# # # Sparse Arra
jquery gets all the parent and sibling elements and child elements of the method
1. Gets the parent element $ ("#id"). Parent ()Gets its parent element$ ("#id"). Parents ()Get all of its ancestor elements$ ("#id"). Closest ()Gets its nearest ancestor element, followed by
2. Gets the sibling element $ ("#id"). Next (selector)Gets the next sibling element ad
Block and inline, inline and inline-block, block-level and intra-row elements, intra-row replacement and intra-row non-replacement elements, inlineinline-block
Block: the default display attribute of block-level elements is block. No matter how much content is in the block, the display attribute is always full;
Inline: by default, the display attribute of the r
Jquery filter elements (2), jquery filter elements
. Add ()Create a new object and add the elements to the matched element set.. Add (selector)Selector: the selector expression represented by a string. Find more elements and add them to the Matching Element Set.
$ ("P"). add ("div "). Add (html)HtmlAdd HTML fragments t
How to convert inline elements and block-level elements?
How to convert inline and block-level elements:
Inline elements and block-level elements can be converted to each other. The following describes the conversion method.
1. inline element conversion to block-level elemen
· DIV CSS3 processes overlapping elements and divcss3 overlapping elements
Using the top and left attributes may cause overlapping elements. You can use the z-index attribute. The z-index attribute is used to control the display sequence of overlapping elements. Elements wit
Summary of common HTML elements and their attributes, and summary of html elements
After watching the HTML video, the video is very short. It mainly describes the commonly used tags and element attributes in HTML. This is of great help to understand web development. In the previous niujiao news publishing system, a short HTML element is used, just followed by video, A lot of things about HTML do not unders
Deep understanding of the differences between block-level elements and intra-row elements in CSS (personal error points), css error-prone
Difference 1:
Block-level: a block-level element occupies only one row. By default, the width of the parent element is automatically filled with the width.
In-row: an element in a row does not exclusive to a row, and an element in an adjacent row is placed in the same
1. Each element has a display property, and the block-level element display property is generally: block, while the inline element display property is generally: inline.2. Block-level elements are exclusive to one row, while inline elements are arranged in the same row, and the lines are not wrapped. Block-level elements can be set to a height width: height,width
How to quickly randomly retrieve 50 non-repeated elements from an array of 100 elements how to quickly randomly retrieve 50 non-repeated elements from an array of 100 elements?
Reply to discussion (solution)
Array_rand ($ a, 50 );
Remove the array and then call random fetch.
Remove the array and then call rand
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.