HTML DOM allows JavaScript to change the style of HTML elements.Change HTML StyleTo change the style of your HTML elements, use this syntax:document.getElementById (ID). style.property=New StyleExample 1The following example changes the style of the
relative positioning and absolute positioning
Positioning Tags: positionInclude attribute: relative (relative) absolute (absolute)1.position:relative; If you are relative to an element, first it will appear where it is located. It then moves the
The Osition property specifies the positioning type of the element, which is the positioning mechanism used to create the element layout. Any element can be positioned, but an absolutely positioned or pinned anchor element generates a block-level
About the fixed property, under what circumstances to use, how to use, first of all, we should understand the following fixed property Description: Fixed always the body as the object when positioning, always based on the browser window to the
CSS Position Positioning Properties
This article focuses on the element's position property, which sets how elements are positioned on the page.
Directory
1. Introduction Position: Describes the value of position and the auxiliary properties.
2.
Grammar:
layer-background-color:transparent | Color
Parameters:Transparent: background color transparentColor: Specifies the color. See Color units and Appendix: color TablesDescriptionSets or retrieves the background color of the entire area of
For the picture, we first think of the background image. Because we make a lot of decorations are used in the background image to achieve. In that case, let's start with the CSS control background image.
Definition and usage
The Background-image
Grammar:
Ruby-position:above | Inline
Parameters:Above: Locate ruby text above the base textInline:ruby text with basic text inlineDescriptionSets or retrieves the location of the note text or pronunciation guide (referenced ruby object) specified
The White-space property of the CSS is used to specify how to handle white space characters in the container, such as: space (), newline (\ n), indentation (\ t), and so on.
White-space from CSS1, applicable to block elements, with inheritance,
Processing the text within the page will have a variety of line-wrapping situation occurs, then the elements of the page in what circumstances to do the line-wrapping operation? We can precisely control this line break by Word-break
CSS Direction property is simple and easy to remember, the property value is few, compatibility is good, the key time is saving effort, it is time to give publicity to everyone, do not bury the special skills of others.
Grammar:
direction:ltr | RTL
CSS Writing-mode is said to be for Chinese, Japanese and other blocks of text design, to modify the writing direction, through this property can achieve the right-to-left text layout, or from the top-down layout.
Writing-mode use
. wrtmod{
Grammar:
Layout-flow:horizontal | Vertical-ideographic
Parameters:Horizontal: The contents of the object flow from the left. The next line is below the previous line. This value is suitable for the Latin languageVertical-ideographic: The
Grammar:
Text-overflow:clip | Ellipsis
Parameters:
Clip: Do not display the ellipsis tag (...). ), but a simple cut
Ellipsis: Displays ellipsis (...) when text inside an object overflows. )
Description
Sets or retrieves whether an ellipsis tag (...)
Grammar:
Line-height:normal | Length
Parameters:
Normal: Default row height
Length: Percent number | A length value consisting of a floating-point number and a unit identifier that is allowed to be negative. The percentage value is based on the
Differences and mutual conversion between px, em, and pt, pxpt
Regarding the differences between px, pt, and em, I sometimes struggle with what unit should I use. I have checked some articles specially today. Although this article is a long time ago,
Bootstrap layout and bootstrap text LayoutPrevious
This article describes in detail the typographical content in Bootstrap.
Title
[H]
All title tags in HTML,ToAvailable
By default, the font-size from h1 to h6 is as follows:
2em -> 1.5em -> 1.17em ->
About template engine 1, template engine
The front-end template engine requires transparency during development.
Transparency means that after I build a development environment, I can refresh the browser with the handwritten code to see the latest
Basic html concepts, html concepts
I. HyperText Markup Language content. html is a weak code Language and the code writing is not rigorous.
1. hyperlink hyperlink (anchor)
When writing the href address of a hyperlink, pay attention to whether
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.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service