Some of you do not know css properties [a]

Prevent users from using the browser js write "! Important" in the style tag properties

We use jQuery css to set the time

$('#text').css('height', '200px !important');

Discovery did not set up, using native methods

document.getElementById('text').style.height = '200px !important';

It is not set. And the province is set at the highest level on style. Use "! Important" is not desirable, this will only stifle the availability of the site

 

Using IE in progid: DXImageTransform.Microsoft.Gradien

IE下： filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B2FFFFFF', endColorstr='#00FFFFFF',GradientType=0 ); /* IE6-9 */ 

Syntax: 
filter: progid: DXImageTransform.Microsoft.Gradient (Enabled = bEnabled, startColorStr = iWidth, endColorStr = iWidth) 
properties: 
Enabled: optional. Boolean value (Boolean). Search filter installed or is activated. to true | false 
　　to true: default. Filter activated. 
　　false: filters are disabled.

 

startColorStr: Optional. String (String). Color and transparency settings or begin retrieving color gradient. 
　　The format is #AARRGGBB. AA, RR, GG, BB hexadecimal positive integer. In the range of 00 - FF. RR specified red value, GG designated green value, BB blue specified value, refer #RRGGBB color units. AA specify transparency. 00 is completely transparent. FF is fully opaque. Value is outside the range will be restored to their default values. 
　　The range of # FF000000 - #FFFFFFFF. The default value is # FF0000FF. Opaque blue. 
EndColorStr: Optional. String (String). Sets or retrieves the end of the color and transparency of the color gradient. See startColorStr property. The default value is # FF000000. Opaque black. 

 

vertical-align the Detailed

With following these articles, you will be able to read in order to understand the deep.

Baseline and x-height element: https://www.zhangxinxu.com/wordpress/2015/06/about-letter-x-of-css/

The basic syntax of exemplary vertical-align: https://developer.mozilla.org/zh-CN/docs/Web/CSS/vertical-align

Detailed vertical-align: https://segmentfault.com/a/1190000002668492

 

display: flex relevant attributes

flex-shrink: shrinkage factor

flex-grow: growth factor

flex-direction: Item direction

justify-content: all aligned on the cassette (horizontal axis) direction

align-content: all the way to its cassette (longitudinal) direction, the alignment property defines a plurality of axes. If the project is only one axis, the property does not work.

align-items flex child attribute defines the current line side of the shaft flex of the container (vertical axis) in the direction of alignment
align-content difference and align-items in the form of a single shaft, a multi-axis style

align-self attribute defines child flex separately aligned on the side of the axis (longitudinal) direction.

flex-wrap: Specifies whether flexible project automatically split line

order: the order attribute definition items. The smaller the value, the more forward arrangement, the default is 0.

flex-basis: attribute defines the spindle space before allocating extra space, occupied by the project (main size)

align-self attribute allows a single item with other items has a different alignment, may cover the align-items property. 

 

 

1px problem on the PC

1px more common problem of mobile terminals, there are many programs, such as the

In the pc side, will not have a normal desktop default zoom, but notebooks usually have the default zoom, as

div border as 1px, wrapped inside a picture (the same width and div), the case (the default recommended 125% zoom) in the part of the computer, border and actually have some pictures gap.

Div style elements: border: 1px solid # d9d9d9; in the case of 125% zoom, border pixel display is still physically 1px, but the hide processing overflow of Shique think div border accounted for two physical pixels, directly img partially hidden.

Simple solution: border can be set to 0.5px.

 

 

 

 

===================================

Back continuously updated