CSS code accumulation - code that I often forget but can't remember

1. Transparency is set to

90% transparent: filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity: 0.90;opacity: 0.90;

80% transparent: filter:alpha(opacity=80);-moz -opacity:0.80;-khtml-opacity: 0.80;opacity: 0.80;

70% transparent: filter:alpha(opacity=70);-moz-opacity:0.70;-khtml-opacity: 0.70;opacity: 0.70;

60% transparent : filter:alpha(opacity=60);-moz-opacity:0.60;-khtml-opacity: 0.60;opacity: 0.60;

50% transparent: filter:alpha(opacity=50);-moz-opacity:0.50;-khtml -opacity: 0.50;opacity: 0.50;

40% transparent: filter:alpha(opacity=40);-moz-opacity:0.40;-khtml-opacity: 0.40;opacity: 0.40;

30% transparent: filter:alpha(opacity= 30);-moz-opacity:0.30;-khtml-opacity: 0.30;opacity: 0.30;

20% transparent: filter:alpha(opacity=20);-moz-opacity:0.20;-khtml-opacity: 0.20;opacity: 0.20;

10% transparency: filter:alpha(opacity=10);-moz-opacity:0.10;-khtml-opacity: 0.10;opacity: 0.10;

full transparency: filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;opacity: 0;

completely opaque: filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1





; Spacing

Word spacing (letter spacing): letter-spacing: 5px

Word spacing: word-spacing



3. For radio buttons in the same group, the name value must be the same. This way the radio buttons of the same group will work.



4. Online QQ link settings

<a target="_blank" href:"http://wpa.qq.com/msgrd?v=3&uin=QQ#&site=qq&menu=yes"></a>



5.copyright Special characters

<span style="font-size:14px;font-family:Arial, Helvetica, sans-serif;" >©</span>



6. One-click dial effect phone number
<a href="tel: //Phone number"></a>



7.





8. Transparent

background background: rgba(0,0,0,0.6);



9.The onclick event of the button opens a new page/local page

The current page jumps directly to the new page: <input type=button onclick="window. location.href=('connect')">You
need to open a new page for jumping, which is equivalent to the target="_blank" attribute of the a tag: <input type=button onclick="window.open('connect')" >

<input type=button value=back onclick=”window.history.go(-1)”>



10. Rounded rectangle code

border-radius: 5px; border: 1px solid #fc959f;padding: 5px;



11. Comment

single line Comments start with //. Multi-line comments start with /* and end with */.

Use /* comment statement in CSS*/

use <!-- comment statement in HTML -->



12. Return to the previous page

javascript:history.go(-1);



13. Mobile screen

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-sca"





background: linear-gradient(rgba(50,60,60, 1), rgba(50,60,60, 0.7));



15. The title is hidden, and the excess part displays the ellipsis

overflow:hidden; text-overflow: ellipsis;white- space: nowrap;

the excess part is hidden, the excess part is replaced with an ellipsis, and the excess text does not wrap;