Some time ago to do a small project encountered a way of navigation and then suddenly think of a long time ago saw the shape of the ladder irregular navigation, try to do a bit. The results met a few problems, and then in a colleague's reminder to
Failure Analysis: There are many reasons for the failure of CSS loading, learning worry has also encountered, this may be with your code error, browser, path, code, etc. are related. So in the specific case of specific analysis. Here's a look at the
Crosshair;
Cross-aligning Heart
The cursor render as a crosshairCursors appear as Crosshair
Cursor:pointer;Cursor:hand;Write two is to take care of IE5, it only recognize hand.
Hand
The cursor render as a
In the CSS 2.1 feature that has been supported is counter (), using it, you can easily add serial numbers to page titles, blocks, and other types of pages that appear consecutively. With it, you don't have to limit yourself to using
To achieve
*{margin:0; padding:0;} html,body{width:100% height:100%; body{background: #fff URL (/eg/eg_2014_01_02_14_50.jpg) center no-repeat; let the background picture in the body label vertically centered &L t;h3> label background picture Horizontal
CSS for some special effects to prepare a specific tool, we call it "pseudo class." There are a few of them that we often use, and we'll go into the details of the four pseudo classes that are often used to define the link style, respectively:The
Display:inline-block attribute usage in CSS
When you use CSS to implement performance, you will often be exposed to the attributes of Display:inline-block, whether it is the first contact with the Web standards or contact with the standard of a
Background-position:url (picture) horizontal (X) Vertical (Y)
If the horizontal (X) is a positive number, vertical (Y) is a negative number, indicating that the top right corner of the picture is the coordinates, moving each displacement, such as 8-
Clear has a value of four
1.none: Allow floating objects on both sides;
2.both: Floating objects are not allowed;
3.left: Do not allow floating objects on the left side;
4.right: Floating objects are not allowed on the right.
To be honest, I
Paragraph indentation is very practical, with the P tag can play an unexpected effect. The paragraph indent definition in CSS is implemented by text-indent, below its parameters and usage:
Syntax: Text-indent:〈 value
Allowable value: Length or
CSS Layout Common methods Float:none|left|right Value: None: Default value. object does not float left: Text flows to the right of the object Right: Text flows to the left side of the object How it works, look at a row and two columns of
One-line column Body{margin:0px;padding:0px;text-align:center;} #content {margin-left:auto;margin-right:auto;width:400px;width:370px} two rows and one column Body{margin:0px;padding:0px;text-align:center;}
First, check the HTML element for spelling errors, forget the end tag
Even the veteran also often mistook the nested relationship of Div. You can use the Dreamweaver verification function to check for errors.
Second, check the CSS is correct
The table border is displayed by default, and how can you turn it into a virtual line? In fact, as simple as a few style attributes can be done, I hope the following examples to help you
Copy Code code as follows:
Copy Code code as
This effect requires that the height of each item element is twice times the width, we first set the width of the parent element box 100%, where we mainly use a property of padding to solve the problem, because the width of the padding if the
Literal property identifier Action attribute value
Font-family: Define type of text, order to find, first find the selected value, if you can not find the default value of the song, bold, etc.
Font-style: Defines font style. Normal (standard)
Syntax for behavior:
Behavior:url (URL) | URL (#objID) | URL (#default #behaviorname)Take value:URL (URL): Specifies the DHTML behavior component (. htc) using an absolute or relative URL address.URL (#objID): The behavior of using binary
This article describes the CSS+JS implementation of the click Text pop-up timer automatically closed div Layer Menu method. Share to everyone for your reference. The specific analysis is as follows:
Here with CSS+JS to achieve click Text after the
Modifying CSS style styles is more practical in some cases, you can change some styles dynamically, and then let's show you how to do it with JavaScript One, the partial change style divides into the change direct style, changes classname and
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