Writing CSS is the front-end work, a common and frequent labor, because CSS is not a language, so in the program design is somewhat humble. For small projects, the amount of CSS is not too large, the problem is not obvious, and if you want to
Position has the following properties: Static, Inherit, fixed, absolute, relative
The first three good understanding good differentiate:
Static: Is the default state, there is no positioning, the element appears in the normal stream (ignoring top,
Custom
The underlying text shadow effect, but applying the Text-shadow attribute can give a lot of fancy results. Note: ie9-does not support this property.
Syntax
Text-shadow:h-shadow V-shadow Blur Color;h-shadow: Required. The position of the
This paper mainly introduces the difference and use of PX em rem in CSS. Has a good reference value. Let's take a look at the little series.
Recently, when learning fonts with font size settings, font-size units can be px or em or REM, so what is
This paper mainly introduces the method steps of CSS3 making hover underline animation. Has a good reference value. Let's take a look at the little series.
1, a few days ago see Hexo Next topic title Hover effect is very dazzle, oneself try to
Another example:
These small pictures are the entire image after the segmentation of the various parts, the various parts placed on a picture, rather than separately stored as a separate picture, the purpose we all know, is to reduce the number of
Highly adaptive problem, I am very inconsistent with JS to solve, because not good maintenance, also not enough natural, but pure with CSS, difficult, such as the following I would like to say examples.
Demand:
1. The height of this rectangle is
CSS defines several types of HR horizontal line, do not underestimate the HR horizontal line Oh, with good will give you a lot of pages, this section of code to define a few beautiful HR style and color, for your reference, if you like, directly
1. Precedence of CSS Styles
There are many ways to use CSS styles in HTML
External reference method
CSS style statements that control HTML directly from the tag
You can directly write CSS to control the tags you want to control.
Priority
This article is mainly for you in detail the CSS set page navigation bar related information, the need for friends can refer to the following
HTML page: FreeBSD Home Wind and Rain Floating
CSS files:/***
A workaround for a blank bug on the right side of the CSS background when a small window appears (compatible with each browser)
Workaround:
Add the following two lines of code inside the CSS to make it your own judgment:
Width:expression
CSS multiple div float side-by, height adaptive (self-increment)
When using div + CSS for a three-column or two-column layout, it's easy to make the two columns (or three columns) the same height, but using a div + CSS makes it more cumbersome. As
First, see the following example:
(1) HTML part content
Revenge moments Moreau asked Bourg to bring the child Danny to the shrine to avoid the Devil's capture of his soul, in return for the curse he would
This article is mainly for everyone in-depth analysis of CSS3 magnified rotation of the case code related data, with a certain reference value, interested in small partners can refer to
CSS3 magnification rotation
CSS3 zoom rotation enlarged
CSS3 text Effect Instance 1:
Text Shadow:
css3 text Shadow h1{text-shadow:5px 5px 5px #FF0000;} text Shadow effect!
Example two: CSS3 Automatic line wrapping
CSS3 Automatic line-wrapping this paragraph contains a very long word:
A bubble box (or balloon) is a common element in a Web page that is mostly used to show a hint, as shown in:
Split to see, shaped like this bubble box is a rectangular box + a direction of the triangular small arrow, to make such a bubble box, if
CSS assumes that all HTML document elements generate a rectangular element (element box) that describes the space occupied by the element in the HTML document layout, which can be visualized as a box. CSS creates a "box model" concept around these
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