DragProgramPrinciple: Move the dragged element based on the movement of the mouse. The movement of the mouse is the change of the X and Y coordinates. The movement of the element is the change of the top and left of the style. position. First, you
Generally, graphs and charts are used to display the rules and links of a group of data, including pie charts, line charts, and bar charts. A good and excellent data presentation makes it easier for the boss or customer to understand and master your
Using CSS to Set background images is as simple as the traditional method, but CSS provides more controllable options than traditional control methods. Let's take a look at the most basic method for setting images.
XHTMLCode:
CSS code:#
CSS is so popular,Yes, it has the following advantages:
1. complies with W3C standards. Ensure that the website will not be eliminated due to the upgrade of network applications in the future.2. Support for backward compatibility of browsers,
Document directory
External style sheet
Internal style sheet
Inline Style
See w3school/CSSCSS Overview
CSS refers to the stacked style sheet (CAscadingSTyleSHeets)
Style DefinitionHow to displayHTML Element
Styles are usually stored
CSS attributes
1. Font attributes
This is the most basic attribute that you will often use. It mainly includes the following attributes:
Attribute
Attribute meaning
Attribute Value
Font-family
Font used
All fonts
Jquery CSS operations
Jquery has three important functions for CSS operations:
((Selector).css (name, value)
Detail (selector).css ({properties })
((Selector).css (name)
CSS operation instance
The function CSS (name, value) sets the value for
">HTML code
1. 2. 3. 4. insert title here 5. 18. 19. 20. 21. 22. 23. 24.
insert title here
The implementation idea is as follows:
1. Use border: 0px; remove the default border of the input box
2. Create an input box with rounded corners, set it
Recently changed a company
I found that my colleagues in the new company often write the CSS styles that need to be dynamically generated in JS when working on backend Ajax with JSON, which makes it very difficult to interpret the code.
So I talked
CSS syntax
CSS syntax consists of three parts: selector, attribute, and value:
selector {property: value}
Body {color: blue}
1. derived Selector
You can define a style based on the context of the element in its position to make the tag more concise.
CSS syntax consists of three parts: selector, attribute, and value:
selector {property: value}
Selector is usually the HTML element or tag you want to define. Property is the attribute you want to change and each attribute has a value. The attribute
1css controls truncated text overflow:
. Block {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: Left ;}
Automatic line feed
dd{white-space:normal; word-break:break-all;}
Force do not
DIV + CSS achieves fixed width on both sides and adaptive width in the middle-tianmei design blog I am the header I am from the left, width: 200px I am the right, width: 200px I am the middle, wide adaptive I am the bottom
I believe that many people have encountered the scenario of customizing the scroll bar style in design. I tried to persuade the designer to accept the scroll bar style that comes with the browser, but this can only be avoided but still cannot solve
1. css simplified font rules
When CSS is used to define the font, you may do the following:Font-size: 1em;Line-Height: 1.5em;Font-weight: bold;Font-style: italic;Font-variant: Small-caps;Font-family: verdana, Serif;In fact, you can abbreviated these
This article
Reprinted from
Www.admin5.com
CSS (Cascading Style Sheets)
Introduction
Learning
CSS
BeforeBefore learning CSS, you should first learn to write HTML. If you do not know anything about HTML, see the HTML tutorial.
CSS (Cascading Style
#: There are two types of browsers: ie (which does not comply with w3c standards) and non-ie (which complies with w3c standards). However, the ie series is approaching w3c standards.
1. body margin: 0px can make the surrounding seamless;
2. Define
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