This article mainly describes the CSS position properties and examples of application demonstrations, absolute (absolute positioning), relative (relative positioning), relative and absolute combination and fixed (fixed positioning), the need for
This article shares an example of using CSS3 to make triangles, and interested friends can refer to them for a moment.
First look at the effect, this before CSS3, is completely unthinkable, only the picture can do, but in HTML5 and CSS3 big line of
When we are in the page architecture, we usually divide into three section:header, body, and footer. As the following page:
At this point we need to set the body part to a minimum height to avoid the footer part appearing in the middle of the page.
What is floating?
Feature: The element that floats is not the space of the standard flow, but it affects the layout of the text in the standard stream. Floats only floating around.2--the position of floating element A is related to the previous
first, the method of using float to realize Heng Lie layout
As shown below: Both P1 and P2 can choose to float 50% to the left or right to display on the same line
P1
P2
Analysis:
1, the first line of the first picture
Create a responsive navigation bar that automatically changes the style of the navigation bar with different screen resolutions or browser window sizes, mostly in CSS3 media Query.
It is also important to mention that IE6-IE8 is not supported for
Writing a Web page must learn div+css layout, easy to operate, easy to get started. As a little white, how to learn div+css. Let's introduce a quick way to learn.
First of all, of course, read the manual and learn the basic grammar and knowledge
One
In the ordinary application of the use of CSS direction very little attention, today occasionally see the relevant content, only found that CSS direction used a lot of time is very convenient.
Second, we need to focus on two important elements:
Example code for background style repeat and no-repeat in CSS
new document 1.repeat-x URL (zf.jpg); 2.repeat-y URL (zf.jpg); 3.repeat-x 0px 50px url (zf.jpg); 4.repeat 25px 25px url (zf.jpg); 5.repeat-x bottom
CSS in the!important is a very important property, sometimes play a very big role, 52css.com this aspect of knowledge is not very much, we look at the following article, it makes a comparative sense of understanding.
A few days ago to write some CSS
!important Declaration Enforcement priority
There is also one of the most invincible declarations in CSS precedence, which is!important.
In a CSS style sheet, a style with a!important declaration takes precedence, and its precedence goes beyond
Use CSS text-align:justify; (function is line element justification) property to implement the CSS to achieve both ends of the alignment. Click here to see demo:css for justified alignment
The front-end research tests are as follows:
1, CSS
Normal07.8 磅02falsefalsefalseMicrosoftInternetExplorer4
Chapter I. Open website Slow status analysis
The company access is deployed in The VIP website of IDC room will feel very slow. What is the cause of this? In order to shorten the response
CSS3 Outline add contour lines to div elements
Sometimes for a more beautiful style, you can add contour lines to the div appropriately. This can be achieved through the outline property.
Outline contains the following property
I introduce a demo.css in an HTML page, others are normal, but the Align property of the H4 tag is not displayed correctly. Is it because you can't write align in a linked style? There is no problem in writing inline style.
The code is as
Usually the CSS comment code, if it is a single-line comment, start using/*, end use */, here to describe the CSS code in the comments of three ways, I believe this article will let you have some benefits.
Three ways to annotate in CSS code
1.
The Web page foreground code often uses the Display:none style, usually found several characteristics need to notice
1, if in the style file or the page file code directly with the Display:none element is hidden, loading the page, in the absence
How CSS scroll bar styles are compatible with IE and Firefox examples
picture with JavaScript to make a personality scroll bar Fsdfsfsdfsfsdfs11111111fsdfs11111111 fsdfs 11111111fsdfs11111111fsdfs11111111 fsdfs 11111111fsdfs11111111fsdfs11111111
Use of font_awesome icon library, font_awesomeicon Library
1. Use cdn to introduce css files in the font_awesome icon Library
Example: index.htm
font_awesome test
Or download the font_awesome icon library to your local device, and then
HTML switch page IE version, switch page ie
All except IE can be recognized all IE identifiable only IE6 can recognize versions earlier than IE6 and IE6 are recognizable IE6 and IE6 and later versions can be recognized only IE7 is
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.