photoshop and elements

1. Some special font styles:Indent 2 characters in first line: {text-indent:2em;}Center horizontally: {text-align:center;}Justify: {text-align:justify;}Center vertically: {vertical-align:middle;}Word spacing 2 characters: {letter-spacing:2em;}Line spacing twice times: {line-height:2;}2. The navigation bar is fixed somewhere on the page (relative to {position:fixed;left:px;top:px;}3. Block-level elements and inline

Block element)It is generally a container element of other elements. Block elements generally start from a new line and can accommodate inline elements and other block elements. Common block elements are section tags 'P. The "form" block element is special. It can only accom

Summary of line elements and block-level elements in html, and summary of html elements I. First, let's summarize the following elements and block-level elements: Line element: embed an image into the webpage Block-level elements

Summary of line elements and block-level elements in html, and summary of html elements I. First, let's summarize the following elements and block-level elements: Line element: embed an image into the webpage Block-level elements

It's not easy to use CSS to center an element in a display. The same CSS centering settings in different browsers also have their own performance. This article introduces several common methods for displaying elements horizontally in CSS.　　1. Centering with automatic marginThe preferred way to center elements horizontally in CSS is to use the margin property-set the Margin-left and Margin-right properties o

example, the code running effect 2.1.6.3 is shown. to better illustrate the problem, a black solid-line border with 1 pixel width is added to both block elements and embedded elements. You can see that DIV is a block element by default, when the value of the display attribute is defined as inline, embedded elements are displayed, while SPAN

Blocks (block) elementDisplayed as a piece, with a newline before and after. Block elements are commonly used in the main building blocks of Web pages. such as:inline (inline) element (inline Element)Displays the contents of the parent element in a row within the row. Inline elements are often used to mark small pieces of content. such as:Empty (void) elementNo content, with a start tag. such as:Entity char

First, CSS box model The following two images can illustrate the CSS box model, the difference between padding and margin, padding in the border, margin outside the border. Personal understanding is around the label node to design the style, it must remember the definition of the style of what it is to be effective, useful ... ii. Classification of elements Element Classification--block-level elementsWhat is a block-level element. In HTML a{ Displa

First, select elements through HTMLSelecting Elements by ID-document.getElementById (' id ') can be used to select a child element based on the ID in the current DOM tree650) this.width=650; "src=" Http://s2.51cto.com/wyfs02/M01/7E/5C/wKiom1b8_g_wmda3AAF6fOGaY80526.png "title=" Web.png "alt=" Wkiom1b8_g_wmda3aaf6fogay80526.png "/>Select elements by Tag name-Node.

We mainly summarize in jquery the sibling elements of an element, child elements and parent elements of the acquisition, the original JavaScript code for these elements of the acquisition is more cumbersome, and jquery just to encapsulate these methods, let us more convenient to get and manipulate these elements.Method

First of all talk about the acquisition of JS, which is much more cumbersome than the jquery method, followed by the jquery method for comparison JS method is much more troublesome than jquery, mainly because the FF browser, FF browser will be your line of exchange as the most DOM element Native JS Gets the child element under the element with the ID test. Can be used: Like what: var a = Docuemnt.getelementbyid ("Dom"). Getelementsbytagname_r ("div"); This is no problem.At this time a.leng

Problem: When the fixed element is included by another fixed element, the position of the fixed sub-element in chrome will be affected by the parent element. Demo (http://jsbin.com/qumah/1 ): IE (IE8-IE11 effects are consistent, IE7 is not tested, IE6 does not support fixed elements) under the effect: Chrome: Firefox: Safari: Explanation: the cascading relationship is affected by the cascading context. The cascading context in the document is

HTML>Head> MetaCharSet= "Utf-8"> title>Hiding elements, floating elements, positioning elementstitle>style>P{width:300px;background:Pink;}#column{background:Pink;width:33%;float: Left;Border-top:1px solid White;Border-left:2px Solid White;text-align:Center;}#center{position:Absolute;Top:120%; Left:30%;Border:1px solid Red;}#content{position:relative;Top:40px; Left:60px;Border:1px solid Green;width:200px;H

Each element has a display property that determines the type of the elementsuch as the div default Display property value is "block" for " blocks-level" element; The span default Display property value is "inline" as "in-line element; The inline elements are: A b span img Input Select strongBlock-level elements are: div ul li ol DL DT H1 H2 p ...empty element; br hr img Input linkweb-block

Inline elements: Empty Element (void): Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced. Block-level elements, inline elements, and empty elements (void)

Block elements:It is generally the container element of other elements, can accommodate block elements and inline elements, which by default will not be the same line with other elements, that is, the equivalent of two blocks are written together vertically layout. The most common is div and PInline elements:Inline ele

Block elements:Address-AddressesBLOCKQUOTE-Block ReferenceCenter-lifting Alignment blockDIR-List of directoriesDiv-Common block-level easy, is also the main tag of CSS layoutDL-Definition ListFieldset-form control GroupForm-Interactive FormH1-Big titleH2-SubtitleH3-3 level headingsH4-4 level headingsH5-5 level headingsH6-6 level headingsHR-Horizontal Divider LineIsindex-input promptmenu-List of menusNoframes-frames Optional content (this chunk content is displayed for browsers that do not suppor

Since the summer interview was despised, I often think about this problem when I come back. It should be almost two months now. In this afternoon, I took out the draft and finally found my idea and completed it. Just like a wish, it's over. The problem is as follows: the original question is not described in detail. The problem after simplification is to find two elements in the array, and calculate the difference between the

inline elements (inline Element) are generally based on semantic level (semantic) basic elements. Inline elements can only hold text or other inline elements, common inline element "a".Both the block element and the inline element are concepts in the HTML specification. The basic difference between a block element and

block element block-level elements > As the name implies is the element displayed as a block, height width is a that can be set. For example, our commonly used inline element inline elements , and its width is the width of its own text or picture. The As defined in the CSS authoritative guide, "any visible element that is not a block-level element is an inline element, and its performance