CSS notation for WebKit kernel browser

Specify mobile device or small screen desktop screen

@media screen and (max-width:480px) {}

If there are several elements in a row, and some are defined in percent, or pixels px, then the formula for the width of this hybrid is:

Width:calc (100%-40px); Calculate width

Wavy link

Text-decoration: #FF8800  

Using this property will tighten the distance between the characters.

text-rendering:optimizelegibility;

Can change buttons or other controls that look like local controls

-webkit-appearance:none; -webkit-appearance

Style the hint when you beautify the form check

{}{} {} {} When prompted appears similar to the following structure <div-webkit-validation-bubble><div- Webkit-validation-bubble-arrow></div><div-webkit-validation-bubble-arrow-clipper></div> <div-webkit-validation-bubble-message>error message</div>

-webkit-text-stroke can be used to add strokes to text

-webkit-text-stroke:  1px rgba (0,0,0,0.5);

Define a picture to mask the element

-webkit-mask-image:  url (/path/to/mask.png);

Instance:

<div class= "element" >   {        width: 400px;         height: 300px;         -webkit-mask-size:100%;         background-image:none;         -webkit-mask-image:url (' images/css-masking-6.png '); //Mask graphics        background:url (' images/2.jpg ') 30px 0px no-repeat;   //Picture or color    to be displayed }</style>

Local-link can define link styles for relative addresses

{font-weight: normal;}

For more information, refer to: http://www.kqiqi.com/knowledge/program/997.html

CSS notation for WebKit kernel browser