css| Syntax
1, color
function : Sets the color of the foreground or element.numeric value: Use a color keyword or an RGB value.Example :
Text color (keyword)
Text color (#rrggbb)
Text color [RGB (RR,GG,BB)]
Text color [RGB (r%,g%,b%)]
2,
The ado|css| filter DropShadow property is to add the shadow effect of an object. The effect it does looks like leaving the original object out of the page and then displaying the object's projection on the page. Take a look at its expression:
Cssamazon.com this way of navigation has caused quite a lot of people to follow suit. So how did it do that? People who have experience in web design should not be hard to understand, if you do not know the details, by looking at the source code
First, review the basics of Line-height:
Syntax: Line-height:normal | | | | Inherit
Description: Sets the height of the row in the element.
Value: Normal: Default row height, typically 1 to 1.2; Real number: Real value, scaling factor; Length:
For example, you have the following code:
h2 {color:red;}
. abc {color:red;}
. abccom {color:red}
Then you can write this:
h2,.abc,.abccom {color:red;}
Using a combination, you can define multiple CSS at a time, saving you a lot of bytes and
CSS shorthand refers to the multiple lines of CSS attributes as a single line, also known as CSS Code optimization or CSS abbreviations. The biggest advantage of CSS shorthand is the ability to significantly reduce the size of the CSS file, optimize
Because the mobile device has different resolution, PPI and other problems caused by the need for different screen resolution to adjust the optimization, such as the use of @2x pictures, max-width restrictions.
Using CSS @font-face is also a good
This article describes a pure CSS to implement the mouse hover hint method. Share to everyone for your reference. The specific analysis is as follows:
This is a more beautiful mouse hover prompt effect, with a pure CSS code to achieve, the mouse
The inheritance of a CSS is defined by the style attributes that are used. In other words, when you look at CSS properties Backgruound-color, you see a column of "inheritance," and maybe you barely care about it, but it's still very useful.
What is
Understanding CSS
Cascading Style Sheets (CSS) are a series of formatting rules that control the appearance of Web page content. When you use CSS to format page formats, content and presentation are separated from each other. The page content (HTML
Of course, everyone can write CSS code, even if you have now let it work for your project. But can CSS be even better? Start using these 5 tips to improve your CSS!
1. Reset
First of all, it's very serious to tell you that you always have to reset
Not finding a complete set of Chinese articles about ordinary flow, floating, and absolute positioning, so he took the courage to decide to write a piece. To do this roughly chewed out the CSS2.1 8 box model and 9 Visual formatting model. To tell
A stack of sites between you and the user (simplified version)
On the last day of the TXJS conference, a developer asked me:
Object-oriented CSS does not leave you with a lot of performance based class names?
Each layer in the network stack has
This idea is found on a foreign website, the designers used a lot of small icons in the site, but did not use css-sprite technology, but the use of another special method. That's CSS3 's font-face technology. Loads a font file of your own, calling
1, the use of CSS abbreviations can reduce the paging file size, improve download speed, while making the code concise and readable.
Such as:
The following is a reference fragment:div{border-top:1px solid #cccccc;border-left:1px solid
The white-hot rivalry between browsers means that more and more people are now starting to use devices that support the latest and most advanced Web standards for the Internet, in a more interactive way. This means that we are finally able to use
The use of Css+div to the Web site has been increasingly valued by everyone, especially the large site, this afternoon, IT168 home page revision was chosen this approach. In fact, earlier, such as Alibaba, 163 and other large portal sites have
Zoom Property
Grammar:
Zoom:normal |
|
Default value: Normal
Apply to: all elements
Inheritance: Have
Take value:
Normal
Use the actual dimensions of the object.
:
Use floating-point numbers to define the
Ideas
The idea is very simple, is a word to write two times, a word only show part, but can not really write a word two times. Here you need to use CSS pseudo elements: Before and: After, remember this "pseudo element" of the word "pseudo", that it
Naming has always been a headache to me, especially those that look similar to the module, so you have to do something, I summed up the following method, although still in the experiment. Hope to be helpful to everyone. You are welcome to make
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