html {
line-height: 1.15;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
Tag: CSS
CSS media query
When media queries are developed on the mobile terminal, it is an effective way to handle page compatibility. A media query consists of an optional media type and zero or more expressions that use
The effect of CSS arrangement of elements in document
The arrangement of elements in the document is mainly arranged according to the cascading relationship;
forms a cascading context:
1), root element
2), the attribute value of posi
CSS3 makes rotating Taiji map
Effect picture The code above: ———————- ————————————–
Body { Background-color:# aaa;
Width: 400px;
div> border-r
CSS box model Box model
Properties: content, padding, border, margin, CSS box mode all have these properties.
CSS box model is a kind of thinking model used by CSS technology often used in web design.
Classifi
Clear floating elements about CSS
(1): Definition of floating : Make the element out of the document flow, move in the specified direction, and stop when it encounters the parent boundary or the adjacent floating element Down. (
CSS attribute operation
CSS property manipulation font property color font color font-size font size (24px) font-weight font-family font style text property text-align:center/left/right/justify text-decoration:none /under
CSS, JS reference
<< /span>script type= “text/javascript” src=”/js/jx2.js”><
CSS basic knowledge
1, derived selector div span{color:red}
2, id selector#diva{color:red}
3, id selector and Derived selector combined with #diva p{color:red}
4, class selector.divclass{color}, the
CSS3 animation
.btn-shake-hand{< br /> -webkit-animation: fingerHandle 1s ease infinite both;
animation: fingerHandle 1s ease infinite both;
}
.btn-shake-hot{
-webkit-animation: free_download 0.5s linear alter