CSS-based gradients, compared to image gradients, have the greatest advantage of being easy to modify, while supporting stepless scaling for a more natural transition. Currently, the implementation of CSS gradient only based on the WebKit and Gecko
CSS gradient implementation method of IE browser engine
IE does not support CSS gradients, but it provides a gradient filter that can be used to achieve a simple gradient effect.
Basic syntax
The parameters of this parameter are described as
Sub-item Declaration
After understanding the basic statement and the overall statement, now to talk about the sub-statement, this content is basically not much to say, because there is no special usage, see the following example to know:
You
Three, Box boundary properties
1, Margin-bottomMargin-leftMargin-rightMargin-top
Features: These four properties are used to set the distance between an element and its adjacent elements, which can be defined either as a percentage of length or
How to declare C s S
This chapter will begin to introduce you to the application of CSS. Of course, the first thing to introduce is how to build a stylesheet (style Sheets), including the way the Declaration and the method applied to the Web page,
Only for novice reference study, we welcome you to propose more ways to achieve.
Simulation Table Diagonal
div+css Simulation Table Diagonal
category name
Grade
class
Results
class Sharing
Zhang San
three
2
62
61
In the previous article on the left (right) side of the fixed width of the right (left) side of the automatic scaling of the two columns floating, this article will say three columns floating problem. As previously mentioned, the two-column float is
CSS floating has always been a more depressing problem, a lot of layout problems are floating on, especially when the number of floating columns, but in fact, as long as the two-column structure of the floating, the face of the floating multi-column
LINK Type:
Import Type:
Difference: When you use link mode, the CSS file is loaded before the body portion of the page is loaded, so that the displayed page is styled from the beginningImport, will be loaded in the entire page after loading
First, use the Style property: Add the style attribute directly to the individual component label.
The advantage of this usage is that it is dexterous to apply styles to each label, but the disadvantage is that there is no "uniformity" of the
The introduction of CSS is the most commonly used in three kinds,
First: Add the
This approach can be said to be the dominant method of introduction now. Like IE and browser. This is also the best way to embody the characteristics of CSS, the best
Style sheets are placed in different places and have different scopes of action. In general, style sheets are divided into inline style sheets and outreach style sheets, which are three ways to place, external, and import in-page.
1. Inline style
1 CSS styles for Firefox IE6 IE7
Now most are used!important to hack, for IE6 and Firefox test can display normally, but IE7 to!important can correctly explain, will cause the page did not display as required! Find a good IE7 for the hack Way is to
First, CSS HACK
The following two methods can solve almost all of today's hack.
1,!important
With IE7 support for!important, the!important method is now only for IE6 hack. (Note the wording. Remember that the statement location needs to be advanced.
Schema CSS
Under the premise that the current browser is universally supported, CSS has been given an unprecedented mission. However, the more CSS you rely on, the more complex the style sheet file becomes. At the same time, the test of file
1 using elements to link to external style files
Eg:2 use the "style" element in the element to specify
Eg:css demo css demogood luck.3 using CSS tags to import style sheetsEg:Or: 4 Define a style using the "style" attribute in elements inside
Bootstrap font icon and bootstrap font
Advantages: 1. Reduce requests 2. easy style Control
Location: store the fonts icon in the fonts folder of the downloaded bootstrap File
The marker is the current directory. If you need to modify the marker,
Standard webpage layout name and webpage layout namePorterHeader: header content: content/containe tail: footer navigation: nav sidebar: sidebar column: column page peripheral control overall layout width: wrapper left and right center logon entry:
FlexBox standard and compatible writing quick query table, flexbox quick query
FlexBox standard writing:Supports browsers: IE11, Chrome29 +, FireFox 20 +, and Safari prefix-webkit-Overview: In general, there are 12 attributes. About the container,
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