My commonly used css basics

mkdir creates a folder
touch creates a file
mode:'history' -------------------------------------- --------------------Remove#
display: flex;
justify-content: space-between;
---------------- --------------------------------------------
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
----- -------------------------------------Add dome node

var str = '<div>ssssssssss33333333sssssssss</div>';
var tdd = $(str);
//$('body').append(tdd)
tdd.appendTo($('body'))
---- ------------------------------------------
http://v3.bootcss. com/components/
console.log(form); ----------------------------- print
background-size: 99%; -- ---Background image scaling
transform: rotate(45deg); --------------Rotate
display:block; /*Convert to block level*/
display:inline; /*Convert to inline* /
background-color: rgba(0,255,0,0.3);
text-indent --------- first line indent
text-decoration: none; ------------ remove underline
list-style-type:none ------------Remove list header (dot)
<div style="clear: both;width: 0;height: 0"></div>--- -------------Clear floating style
-------------------------------------------------- -----------------------------
.clearfix:after{ Same as above
width: 0;
height: 0;
content: "";
display: block; -------Exclusive line
clear: both; -------Clear style
visibility: hidden;------- to hide
}
------------ -------------------------------------------------- -----------------
padding-right: 50px; --------------right margin
padding-left: 50px; ---- ------------ left margin
input{ ------------ input style
border: none; ------------ border
background: none ; ------------background color
outline: none; ------------ border when clicking input
}
cursor:pointer; --------- - Mouse touch becomes smaller

 

@media screen and ( min-width:640px ) and (max-width: 1200px){}
danger--------------------- danger red
success ---- ----------------Success green
info----------------------------Blue info
warning- ---------------------Yellow
warning.list-unstyled ul removes the class attribute of the ul in the front.list
-inline ---------- ----- Same as above but converted to inline block-level elements
var x = document.getElementsByClassName("aaron1")[0].offsetLeft;------------Get the margin
var y = document .getElementsByClassName("aaron1")[0].offsetTop;

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=324517331&siteId=291194637