This article mainly for you in detail the CSS basic style links, with a certain reference value, interested in small partners can refer to
I. Four states of CSS links
1.a:link Common, inaccessible links
2.a:visited user has visited the link
3.a:
First, Clear:both;
There is a problem with this approach: margin fails.
Second, partition method
/* Wall */
cl{ clear:both; } . hl{ height:16px; }
The evolution of the "inner wall Method"
1. Compatibility
According to the Canius,transition compatibility as shown:
move the mouse pointer over the blue P element to see the transition effect. Note: This example is not valid in Internet Explorer.
The transition effect does not
problem-solving does not consider compatibility, the topic of unrestrained, think of what to say, if you feel the problem in the CSS properties of the rare, hurriedly to cram it.
Constantly updated, constantly updated, constantly updated,
solve the problem without regard to compatibility, the topic of unrestrained, think of what to say, if there is a problem you feel the unusual CSSProperty
, hurry up and cram it.
Constantly updated, constantly updated, constantly updated,
solve the problem without regard to compatibility, the topic of unrestrained, think of what to say, if there is a problem you feel the unusual CSSProperty
, hurry up and cram it.
2, similar to the following figure, only use a label, you can have
Adds a background image to an element of the page, which cannot be displayed when no specific width is specified.
1. Add a background map
HTML code:
We can look at the page effect:
In order to adapt to different
One
Currently available for Mainstream support:
Text-overflow mainly resolves text overflow,
Value: clip[Default value] | ellipsis | String (only Firefox is supported)
cooperate with White-space:nowrap; Overflow:hidden use
Two
Word-wrap
Value:
1.css margin can change the size of the container
Element size
Viewable dimensions-the width of the box in the standard box model does not include the margin value, clientwidth
Occupy size-including margin width outwidth is not in the standard,
First, the problem found
In general, the element has the default white-space:normal (Word wrap, no wrapping is white-space:nowrap), when the input text exceeds the defined width will be automatically wrapped, But when the input data is a bunch of
This article shares the default location of child tags in CSS parent tags in detail
If you do not set top and left for the B tag. They will have a default value.
Top and left are positioned based on width and height.
First, inheritance characteristics:
1, learned Java and C + + Note that the protected field or method belonging to the father will certainly be inherited by the child, and CSS has this feature, see the following example:
css's Inheritance demo
BoxLayout layout write the UI code after the end of the programmer should be unfamiliar, writing the front-end code is also familiar, including the HTML framework frame. But in the past, using float to control the CSS, control is relatively complex,
The hierarchy relationship is:
:
To change the effect of the reference (Orange box)The hierarchy relationship is::
The reference is the top-level element case.The hierarchy relationship is::
Use only the Margin property layout to position
CSS3 's 3d Start
To play CSS3 3d, you have to understand a few words, that is, perspective ( perspective ), rotation (), rotate and Movement ( translate ). 透视This is a realistic view of the 2D things on the screen, so as to show the effect of 3D.
[Guide] 1, do not use too small pictures to do the background tile. That's why a lot of people don't use 1px, and that's why they know it. The picture of the width height 1px tile out a wide height 200px area, need 200*200=40, 000 times, occupy
Summary of differences between px, em, and rem in css, pxrem
Preface
Both em and rem are flexible and scalable units, which are converted from a browser to a pixel value, depending on the font size in the design. If the value is 1em or 1rem, it 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.