Css| Technique | filter
Friends who often make Web pages must all know CSS, CSS is the abbreviation of cascading style sheet, usually people call it "style sheet" or "cascading style". Its function is very comprehensive, from the text, pictures,
Note the image path used by CSS, modified compatible IE6 IE7 FF, IE6 style added width, removed redundant _bottom:-1px attributesThe following is the HTML page special effects code, click the Run button to see the effect:[Ctrl + A ALL SELECT hint:
css| Control | show
Generally we see such as news list, in order to make the text does not return to the line, control the number of words, through the program so that superfluous characters show ellipsis, we only use CSS can achieve the same effect,
Declare CSS within a single line
Let's compare the following two pieces of code:
h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 { font-size:18px; border:1px solid blue; color:#000;
We often encounter the effect of text around a picture in the process of making a layout. How to use CSS to achieve the effect of text around the picture, through this example can be seen. Actually very simple, is the picture floating position
1. Check the HTML elements for spelling errors, forgetting to end tags
Even the veteran also often mistook the nested relationship of Div. You can use the Dreamweaver verification function to check for errors.
2. Check that the CSS is correct
One, less to use the door. Like Break-word line breaks, Z-index manual layering, and vertical alignment, and so on, these partial-door CSS is best to use, because not all browsers are supported, and it is extremely difficult to pass the Internet.
The following is the HTML page special effects code, click the Run button to see the effect:[Ctrl + A ALL SELECT hint: You can modify some of the code, and then run]
This is a very simple pure CSS album sliding browsing effect, only with a list of
css| Experience
Not much, but I think it is useful, previously written, but to see netizens do personal sites do not use CSS, this is wrong. Style sheets are the basics, and if you don't want someone to treat you like a vegetable, use a
Css
Some CSS properties allow a string of values to be substituted for many properties, with the value separated by a space.
Margin,pdding and Border-width allow merging of Margin-top-width, Margin-right-width, Margin-bottom-width, and so on, in the
css| Dynamic | Control with CSS can be very convenient to dynamically change the properties of the text, so you can create dynamic text to become large, narrow, change the text color, change the text background, word spacing, line spacing and so on
css| Filter filters can add some effect to graphics or text ...
If you are writing before the match and the nature of the text ...
You can do this without using the image file.
Let the page have a great effect, and browse and fast ...
Gray
css| News | Web page
Mouse transform
Do you want to do this on the home page? When you move the mouse over the words "site help," the shape becomes help, and when you move to a hyperlink that may take a long time to wait, the mouse shape becomes a
css| Display
This method does not use JavaScript, the code is small, simple, the display of the layer automatically at the link
The following code joins the page, the mouse hovers over the link "1234567890", the layer content "11111111" displays,
css| page
With CSS implementation of a page of a variety of hover effect, the following code posted to the area
The following code is posted to the area
Link one
link two
css| Web page
We use CSS to set Web pages, tables, and font sizes in our web pages, typically using a 9-pound word that is popular on the Web:
In CSS, I set the font-size to 9pt, when the display is set to small font, we see the small number
css| Filter | The identifier of the Filter property of the CSS is filter. To make your overall impression on it, let's take a look at its writing format:
filter:filtername (Parameters)
What do you think? It's not as simple as it seems, it
Css
1. Rules
Selection character
Any HTML element can be a CSS1 selector. A selector is just an element that points to a special style. For example,
P { text-indent: 3em }
The selector is P.
Class Selector
A single selector can have a different
css| filters with the flexibility to apply the features of CSS filters and combine them, we can get a lot of unexpected results. This is a number of effect demonstrations for your reference.
Effect One:
Www.webjx.com
This
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