CSS hack Summary
In the process of page development, there will always be such incompatibility issues. After trying to avoid using elements and styles with poor compatibility, there will often be details of incompatibility issues, front-end
Recently, in OA programming, You Need To hover your mouse over and then change the background color of the element in the table.
JavaScript and CSS are implemented in two ways, which are summarized as follows:
The javascript implementation
Use CSS to add a hand style, move the mouse up to change the hand to a smaller hand
Cursor: pointer;Use js to hover the mouse over onmouseover (when the mouse is crossed) Onmouseover="This. style. cursor = 'hand '" Other cursor values: Auto:
Position: absolute. This is absolute positioning;
Is relative to the browser positioning.
For example, position: absolute; left: 20px; top: 80px; the container is always located at the position 20px left of the browser and 80 PX away from the
I used to see many large websites. The background images of the entire website are the same image. I downloaded the background images and saw many small icons on the images.
CSS Sprites, which is very popular in foreign countries, is also used by
In settingsBackground-ImageAttribute, there are many attributes
1. Background: URL ("image path") [no-Repeat];
Background: URL ("../images/up.jpg") No-Repeat; indicates that images are not repeatedly displayed.
2. Background-Position
Version:
1. Use filter for IE and PNG background image for non-ie browsers See the followingCode:
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> Filter: alpha (opacity = 50 );/*IE*/ -Moz-opacity: 0.5; /*
Retrieves or sets how to manage content when the content of an object exceeds its specified height and width.The default value of all objects is visible, except that the default value of textarea object and body object is auto. Set the textarea
Chinese font of font-family in CSS
Speaking of font-family in CSS, I believe many friends often use it, but I don't know how to write it when you reference Chinese fonts?Recently, I have paid special attention to the following three types of most
CSS
Code : JavaScript code: Page code: move the mouse over here title goes here descripting title here other effects: 1. change the line
Filter: glow (opacity =90); To
Filter: progid: DXImageTransform: Microsoft. Glow (color = yellow,
We are writing the pageCodeWhen the width of a table is fixed, the text in the table may disappear, especially in English. This is caused by a line break. At this time, we need to add some CSS elements to let it listen to our words! Based on your
Dribbble.com is a place where excellent designers around the world gather. I often see the excellent works of masters.
Today I see another nice button.
The designer uses a layer to implement the button. This button has 5 effects:
0. It
CSSAn outline is a line drawn around an element. It is located at the periphery of the border edge and can highlight an element.
The outline attribute is a short attribute used to set the outlines around an element.
Note: The contour line does
Definition
Vertical-alignAttribute Sets the vertical arrangement of elements.
Inheritance:No
Description
This attribute defines the vertical alignment between the baseline of an element in a row and the baseline of the row where the element
Instructor Niu mentioned in the videoCSSWith the simple operation of the video, I realized some of the benefits it brought to the design. After all, I just got in touch with this part. Let's talk about it below.CSS
CSS Is a set of feasible ,
The principle is very simple, that is, to change the address of the background image to JavaScript. Code When the page is loaded, JavaScript code is executed. You can also put other simple code. 1 2 3 CSS pop-up dialog box 4 9 10 1
When you output news entries on the homepage or sidebar of a website, text overflow and truncation often occur. This problem has plagued me for a long time and has recently been encountered again. I continue to improve my methods in the spirit of
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