In today's most popular flat design, long projections are looked at with proven design skills. Today teach you a method of making long projection, how to use PS and CSS3 respectively how to achieve long projection effect.
For example, the following
I believe a lot of people have this problem, in the page layout of float and position:absolute which better use it? Since it is the layout, use float good, this I more commonly used. This float can be cleared and generally does not affect the
Padding is a more commonly used CSS style, we can use the padding style to set the padding, the following we from the basic syntax to the application of the demonstration of a small example to tell you how to use the padding style,
padding syntax
First,: Nth-child
1.1 Description
: the Nth-child (n) selector matches the nth child element that belongs to its parent element, regardless of the type of the element. n can be a number, a keyword, or a formula.
Note: If the nth child element
Sometimes you need to convert your own HTML encoding, then this article will teach you how to convert HTML encoding several ways.
The URF-8 encoding of common HTML encoding is converted to gb2312 encoding or gb2312 conversion to UTF-8 encoding fast
We know that in the Web page layout, there are some special circumstances we can not directly use the external CSS style to control the div style, such as a set a:hover, then we do not apply CSS style to change the mouse hover style?
You can use
When dealing with mobile pages, we sometimes need to make the banner diagram a wide square with the screen to get the best experience, such as the Flipbord mobile page: So how do you use pure CSS to make a square that can fit the size? Scenario One:
A very popular form of Web page is full screen large map, this article will be the simplest way to achieve this effect. CSS attribute background-size is used, without JavaScript.
Core Concepts
Use the Background-size property to populate the
Introduced
The Content property is introduced in CSS 2.1 to add the generated contents to: Before and: after pseudo elements. This feature is supported in all major browsers (Firefox 1.5+,safari 3.5+,ie 8+,opera 9.2+,chrome 0.2+). In addition,
Border-color is designed for the border of the multi-color and preparation of properties, next for you to introduce the CSS3 border multi-color border-color use, like friends do not miss CSS3 border multi-color border-color is designed for the
Grammar:
Layout-grid:layout-grid-mode | | Layout-grid-type | | Layout-grid-line | | Layout-grid-char | | Layout-grid-char-spacing
Parameters:This property is a composite property. See properties for each parameter.DescriptionSets or retrieves a
Grammar:
Text-kashida-space:length
Parameters:Length: percent. Indicates the ratio of kashida expansion to space expansion. For 100%, only kashida swell. Is 0%, only the space expands. The default value is 0%DescriptionSets or retrieves how
Scrollbar-base-color: #f8f8f8; /* The basic color of the scroll bar */
Scrollbar-face-color: #333; */* Figure 5, the color of the three-dimensional scroll bar * * What is the difference?
I tried, like, the same thing.
Sets the color of the
characters and HTML entities
Description and Description
This is the space that we use the most, that is, the space key to create spaces. In HTML, if you use the SPACEBAR to generate this space, the space will not accumulate
Whether you are the front-end or the designer, I believe you in the Web page two-dimensional operation has been handy, JS processing time line animation has already been well-known in the chest. Starting today, I share some "new" things, the third
The CSS Width property is the word width, Width breadth contains two important attributes: Maximum Width property max-width and minimum Width property min-width.
The Maximum Width property (max-width) is used to define the maximum width display,
This article mainly introduces the CSS settings p background color method, the need for friends can refer to the next, p tags directly set the background color code as follows: Background for the Black p label set the background color to black, the
Display conversion and implicit conversion between basic elasticsearch data types.
Typeof (data)/typeof data determines the Data Type of the data, typeof returns all stringsThe output result types include number, string, boolean, undefined, object,
HTML link, html link
HTML uses a hyperlink to connect to another document on the network. You can find links on almost all webpages. Click the link to jump to another page.
Try-instance
HTML linkHow to create a link in an HTML document.
(You can
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