These little things I saw on the internet and put it down, it might be useful in the future:
Euchierne
Men
1977.5
database design and maintenance, Web development
RESUME.CSS file
resume{Display:block;}name{display:block; font-size:120%;}
A CSS implementation of the HTML5 Logo, mainly in HTML and CSS technology implementation, examples are as follows:
Source code Download Address:The CSS section code is as follows:
The HTML code is as follows
& Lt;/div>
Recently read a few articles about CSS hack, feel good to tidy up a bit.
CSS hack Many people do not understand its principle, in fact, we all know that for different browsers, CSS parsing degree is not the same, it will lead to the resulting page
Some browsers under the level of the element to cover the existence of bugs;The z-index of an element is too large to be obscured at all times;JS dynamic calculation Z-index, resulting in the element coverage Relationship Department
Pure CSS Implementation Mouse on the display full content effect
General implementation of this effect will be selected with JS ... Simple and clear .... I js slightly weaker .... css strong .... Plus the need for work ... So I wrote a pure css ...
!important is the syntax defined by CSS1, which is to increase the application priority of the specified style rule. Syntax format {cssrule!important}
{*cssrule!important} This CSS rule today in Web page production of the popularity of the time is
Background:rgba (254, 255, 200, 0.75);
As shown in the above code, the first three parameters are R, G, B three, respectively, and the range is 0-255. The fourth parameter is the background transparency, the range is 0-1, as 0.5 represents the
Transition-property:all | none | [,]*
Default value: AllValue:
All: CSS properties that can be transitionedNone: CSS properties for transitions are not specified: Specifies the CSS properties to be stagedDescription: www.2cto.comRetrieves or sets
Table is a good label for displaying data on a Web page. By default, table is not border, but we often have to add border to table for good looks. and IE7/8/9 under border color is not the same, let's see how to use CSS to control the display of
To set the background for an element to be transparent, in Chrome, Firefox, and Opera:
[CSS]
Background-color:rgba (0, 0, 0, 0.4);
The last parameter in RGBA 0.4 is the desired transparency, which ranges between 0~1.
This is usually the case in IE:[
Just say the solution:
Suppose a large, well-stitched size is: x + px (e.g.)
Now you want to take the hippo icon in the upper left corner of the image and reduce the size of the icon.
Normal drawing:
. Sprite {background:url ('
First, forced line break
Word-break:break-all; Only works in English, with letters as the basis for line-wrapping.
Word-wrap:break-word; Only works in English, with words as the basis for line change.
White-space:pre-wrap; Only works on Chinese,
Whether you believe it or not, CSS and JavaScript begin to overlap, just as CSS adds more functionality. When I wrote the article "5 ways that you might not know about CSS and JavaScript interacting with each other", people were amazed at how
The first few days of encountering a page demand is this:
A comment box, after the button is a bit like or send comments two states, where the Send button is based on whether there are words in the input box can be clicked and not clickable two
Add an animation class for an element you're still using settimeout to delay the next move, and you're out. The following are definitely the knowledge points for forcing.
1.animation Animation Monitoring
-webkit-animation animations actually have
First, the form is centered
Position:absolute; top:0; right:0; bottom:0; left:0; Margin:auto; /*height:50px; width:165px; */
Brief analysis:
Position: Fixed position display (absolute|fixed);
"Absolute: Window size is determined by upper position
This CSS3 icon navigation: mainly applies the border-radius,transition,font-face. First set a width and set overflow to hidden, then mouse over with transition to change its width to display the text Information section. As for the three icons, the
See the introduction callout to display only 3 lines of text, more than 3 lines display 3 lines, this is prepared to take a string intercept muddle (unforgivable things are not on their own requirements, there is no lower limit), after viewing the
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