font font / background Series operation
font-family, size, style, weight, and composite font wording
p.ex1
{
font:italic arial,sans-serif;
}
p.ex2
{
font:italic bold 12px/20px arial,sans-serif;
}
background-color, image, repeat, position, attachment and background composite wording
body
{
background: #00FF00 url(bgimage.gif) no-repeat fixed top;
}
Demonstrate their effect element comprising a block-level element and the inner row and an inner row block elements
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
h2 {
font-family: 'Microsoft YaHei';
}
.strong {
font-family: "Times New Roman", Garuda, Serif;
font-size: 50px;
font-weight: 600;
font-style: italic;
}
span {
display: inline-block;
height: 100px;
width: 200px;
}
a {
color: #333333;
height: 40px;
Decoration-text: none;
Color: # 0000FF;
/ * text-indent: 2px; first line indent element 2 * /
/ * single text on the vertical center line of the voids and the high void of letter pushed under the intermediate to * /
Line-height: 40px;
}
.setBlock {
the display: Block;
height: 20px;
width: 100px;
}
.Inline {
the display: inline;
}
A: {Link
Color: # 333333;
}
A: visited {
Color: # 00FF00;
}
A: hover {
Color: # FF00FF;
}
A : {Active
}
INPUT: {Focus
color: red;
}
input {
width: 100px;
height: 50px;
}
div {
height: 100px;
width: 300px;
/*background-image: url("./background-img-repeat.png");*/
/*background-repeat: no-repeat;*/
/*background-color: blue;*/
/*!*background-position: center top;*!*/
/*!* x轴一定是20 y轴一定是50*!*/
/*background-position: 20px 50px;*/
/*!* 视差滚动 *!*/
/*background-attachment: scroll;*/
/ * background: Blue URL ( "IMG-background-repeat.png ./") NO-REPEAT Fixed Center 20px; * /
/ * background color of the translucent state of the content inside the box will not change * /
background: RGBA (0, 0,0,0.1);
}
</ style>
</ head>
<body>
<H2> Wangyue </ H2>
<P> how Zong Fu? Qilu Qing outstanding. </ the p->
<the p-> Good luck bell Shenxiu, Yang cut the faint dawn. </ the p->
<the p-> swing chest raw stratus once, must canthus go into the bird. </ the p->
<the p-class = "strong"> would be extremely Ling, list of small hills </ the p->
<a href="#"> pig Page </a>
<the INPUT of the type = "text">
< type = INPUT "text">
<INPUT type = "text">
<P> block element: h1, p, div, ul , li, ol where div is the most typical block element, provided the width and height,
<p> Note: a label can be placed inside the block element </ P>
<P> row within the block elements: img, input,
<div> Invisible Wings </ div>
</ body>
</ HTML>