Php practice 20th days

Strictly speaking, in the past few days, divaudio CSS and ps's refining... CSS also comes and goes with those attributes. [css] @ charset & quot; UTF-8 & quot;/* CSSDocument * {margin: 0px; padding: 0px; font-size: 14px;} body {background-color: # E

Strictly speaking, these days have been the practice of div + css and ps.

 

 

Css also comes and goes with those attributes.

[Css]
@ Charset "UTF-8 ";
/* CSS Document
*{
Margin: 0px;
Padding: 0px;
Font-size: 14px;
}
Body {
Background-color: # ECECEC;
}
 
# Head {
Position: fixed;
Top: 0px;

Background: # FAFAFA;

Width: 100%;
Height: 54px;

Border-bottom: 1px solid # E8E8E8;
Box-shadow: 0 1px 5px rgba (34, 25, 25, 0.2 );
Z-index: 100;

}
 
# Header {
Margin: 0 auto;
 
Width: 960px;
Height: 54px;
}
. Nav {
Float: left;
Height: 54px;
Width: auto;
}

. Nav ul,. nav li {
Float: left;
List-style: none outside none;
}
 
. Nav li {
Padding: 0 15px;

Color: #585858;
Display: block;
Line-height: 54px;

Border-right: 1px solid # E8E8E8;
}
 
 
# Main {
 
Position: relative;
Top: 82px;

Margin: 0 auto;
 
Width: 960px;
Height: auto;
}
 
# Left {
Float: left;
 
Background: none repeat scroll 0 0 # FFFFFF;
Border: 1px solid # C7C7C7;
Width: 630px;
 

}
 
# Right {
Float: right;
 
// Background: none repeat scroll 0 0 # FFFFFF;
// Border: 1px solid # C7C7C7;
Width: 314px;
 

}
 
 
 
# Footer {
Float: left;
 
Margin-top: 90px;
 
Border-top: solid 1px # ccc;
 
Width: 100%;
 
 
}
 
# F_center {
Width: 960px;
Height: 54px;
Margin: 0 auto;
 
Text-align: center;
 
}
 
# F_top {
 
Width: 700px;
Margin: 0 auto;
Margin-top: 10px;
}
 
# F_top ul {
List-style: none;
}
 
# F_top li {
Float: left;
Padding: 10px;
Border-right: solid 1px # ccc;
}
 
# F_bottom {
Float: left;
Text-align: center;
Width: 960px;
 
}
 
. Left_kuai {
Padding-left: 10px;
Padding-bottom: 10px;
}
 
. Left_kuai_t {
Background-image: url ("../img/item_left.png ");
Width: 412px;
Height: 65px;
 
Margin-top: 20px;
Margin-left:-19px;
 
Color: # FFFFFF;
Font-weight: 700;
Height: 65px;
Line-height: 55px;
 
Text-indent: 2em;
}
 
. Right_kuai {
Margin-top: 0px;
Margin-bottom: 20px;
Width: 100%;
Border: solid 1px # ccc;
Background-color: # fff;
 
Padding-left: 10px;
Padding-bottom: 10px;
 
}
 
. Right_kuai_t {
Background-image: url ("../img/item_right.png ");
Width: 166px;
Height: 30px;
 
Margin-top:-12px;
Margin-left: 20px;
 
Color: # FFFFFF;
Font-size: 15px;
Font-weight: 700;
Line-height: 30px;
 
Text-indent: 1em;
 
}

@ Charset "UTF-8 ";
/* CSS Document micro cooling QQ: 496928838 http://wl.125.la */
*{
Margin: 0px;
Padding: 0px;
Font-size: 14px;
}
Body {
Background-color: # ECECEC;
}

# Head {
Position: fixed;
Top: 0px;
 
Background: # FAFAFA;
 
Width: 100%;
Height: 54px;
 
Border-bottom: 1px solid # E8E8E8;
Box-shadow: 0 1px 5px rgba (34, 25, 25, 0.2 );
Z-index: 100;
 
}

# Header {
Margin: 0 auto;

Width: 960px;
Height: 54px;
}
. Nav {
Float: left;
Height: 54px;
Width: auto;
}
 
. Nav ul,. nav li {
Float: left;
List-style: none outside none;
}

. Nav li {
Padding: 0 15px;

Color: #585858;
Display: block;
Line-height: 54px;
 
Border-right: 1px solid # E8E8E8;
}

# Main {

Position: relative;
Top: 82px;
 
Margin: 0 auto;

Width: 960px;
Height: auto;
}

# Left {
Float: left;

Background: none repeat scroll 0 0 # FFFFFF;
Border: 1px solid # C7C7C7;
Width: 630px;

}

# Right {
Float: right;

// Background: none repeat scroll 0 0 # FFFFFF;
// Border: 1px solid # C7C7C7;
Width: 314px;

}

 

# Footer {
Float: left;

Margin-top: 90px;

Border-top: solid 1px # ccc;

Width: 100%;

}

# F_center {
Width: 960px;
Height: 54px;
Margin: 0 auto;

Text-align: center;

}

# F_top {

Width: 700px;
Margin: 0 auto;
Margin-top: 10px;
}

# F_top ul {
List-style: none;
}

# F_top li {
Float: left;
Padding: 10px;
Border-right: solid 1px # ccc;
}

# F_bottom {
Float: left;
Text-align: center;
Width: 960px;

}

. Left_kuai {
Padding-left: 10px;
Padding-bottom: 10px;
}

. Left_kuai_t {
Background-image: url ("../img/item_left.png ");
Width: 412px;
Height: 65px;

Margin-top: 20px;
Margin-left:-19px;

Color: # FFFFFF;
Font-weight: 700;
Height: 65px;
Line-height: 55px;

Text-indent: 2em;
}

. Right_kuai {
Margin-top: 0px;
Margin-bottom: 20px;
Width: 100%;
Border: solid 1px # ccc;
Background-color: # fff;

Padding-left: 10px;
Padding-bottom: 10px;

}

. Right_kuai_t {
Background-image: url ("../img/item_right.png ");
Width: 166px;
Height: 30px;

Margin-top:-12px;
Margin-left: 20px;

Color: # FFFFFF;
Font-size: 15px;
Font-weight: 700;
Line-height: 30px;

Text-indent: 1em;

}