CSS 閱讀筆記-台北e大[PHP全動態購物網站設計實務]首頁CSS完全複製cp_html_css.html範例備份(2015/12/30) – jashliao部落格

@charset “utf-8”;

/* CSS Document */

type=”text/css”>

p
,h1,h2,h3,h4,h5,h6,ol,ul,li,table,th,td,tr{

  margin:
0px;

  padding:
0px;

}

body {

  font-family:
”
新細明體“,
“Times New Roman”;

  font-size:
100%;

  margin:
0px;

  padding:
0px;

  background-image:
url(../images/template_img/bg.png);

  background-repeat:
repeat;

  background-color:
#FFBBE9;

}

p ,h1,h2,h3,h4,h5,h6,ul,ol,li,table,tr,td,th{

  margin:
0px;

  padding:
0px;

}

#wrapper {

  width:
900px;

  margin-right:
auto;

  margin-left:
auto;

}

#wrapper #header {

  background-image:
url(../images/template_img/template_01.jpg);

  background-repeat:
no-repeat;

  height:
100px;

  width:
900px;

}

#wrapper #header #icon_table tr td p
a {

  font-family:
”
新細明體“,
“Times New Roman”;

  font-size:
0.8em;

  color:
#912B91;

  text-decoration:
none;

}

#wrapper #header #icon_table {

  float:
right;

  margin-right:
120px;

}

#wrapper #header #icon_table tr td a
img {

  border-top-style:
none;

  border-right-style:
none;

  border-bottom-style:
none;

  border-left-style:
none;

}

#wrapper #navigation table tr td p {

  font-family:
”
新細明體“,
“Times New Roman”;

  font-size:
0.8em;

  text-align:
center;

  color:
#670167;

}

#wrapper #navigation {

  background-image:
url(../images/template_img/template_02.jpg);

  background-repeat:
no-repeat;

  height:
30px;

  width:
900px;

  margin:
0px;

}

#wrapper #navigation table tr td a
img {

  border-top-style:
none;

  border-right-style:
none;

  border-bottom-style:
none;

  border-left-style:
none;

}

#wrapper #navigation table tr td p a
{

  text-decoration:
none;

  color:
#FFF;

}

#wrapper #content {

  width:
900px;

}

#wrapper #content #left {

  background-color:
#FFF;

  width:
225px;

  float:
left;

}

#wrapper #content #right {

  background-image:
url(../images/template_img/template_04.jpg);

  background-repeat:
repeat-y;

  float:
left;

  width:
675px;

  height:
815px;

}

#wrapper #footer {

  background-image:
url(../images/template_img/template_05.jpg);

  background-repeat:
no-repeat;

  height:
30px;

  width:
900px;

  float:
left;

  margin:
0px;

  padding:
0px;

}

#wrapper #navigation table p   {

  font-family:
”
新細明體“,
“Times New Roman”;

  font-size:
0.8em;

  color:
#650065;

  text-align:
center;

  margin:
0px;

}

#wrapper #footer #footer_text {

  margin-top:
10px;

  margin-right:
0px;

  margin-bottom:
0px;

  margin-left:
0px;

}

#wrapper #footer #footer_text tr td
p {

  font-family:
”
新細明體“,
“Times New Roman”;

  font-size:
0.9em;

  color:
#FFF;

}

#wrapper #footer #footer_text tr td
p a {

  text-decoration:
none;

  color:
#FECCFF;

}

#wrapper #footer #footer_text tr td
h5 {

  font-family:
”
新細明體“,
“Times New Roman”;

  color:
#FFF;

  text-align:
right;

}

     http-equiv=”Content-Type” content=”text/html;
charset=utf-8″ />

     InstanceBeginEditable name=”doctitle” –>

     框架測試

     InstanceEndEditable –>

     href=”css/screen.css” rel=”stylesheet”
type=”text/css” media=”screen” />

     InstanceBeginEditable name=”head” –>

     type=”text/css”>

     #wrapper
#content #right #news_form {

       width:
500px;

       margin-right:
auto;

       margin-left:
auto;

       margin-top:
20px;

       margin-bottom:
20px;

     }

     #wrapper
#content #right #news_form table tr td h3 {

       font-family:
”
新細明體“,
“Times New Roman”;

       font-size:
1em;

       color:
#670167;

       text-align:
center;

       margin-top:
5px;

       margin-bottom:
5px;

     }

     #wrapper
#content #right #news_form table tr td h4 {

       font-family:
”
新細明體“,
“Times New Roman”;

       font-size:
0.9em;

       color:
#670167;

       text-align:
center;

       margin-top:
5px;

       margin-bottom:
5px;

     }

     #wrapper
#content #right #news_form #news_table {

       border-top-width:
1px;

       border-top-style:
dotted;

       border-top-color:
#990100;

       border-right-width:
1px;

       border-right-style:
dotted;

       border-right-color:
#990100;

     }

     #wrapper
#content #right #news_form #news_table tr td {

       border-bottom-width:
1px;

       border-left-width:
1px;

       border-bottom-style:
dotted;

       border-left-style:
dotted;

       border-bottom-color:
#990100;

       border-left-color:
#990100;

     }

     #wrapper
#content #right #news_form #news_table tr td h5 {

       font-family:
”
新細明體“,
“Times New Roman”;

       font-size:
0.9em;

       color:
#A336A3;

       margin-top:
5px;

       margin-bottom:
5px;

       margin-left:
5px;

     }

     .totalnum
{

       font-family:
”
新細明體“,
“Times New Roman”;

       font-size:
0.8em;

       color:
#900;

       float:
right;

     }

     #wrapper
#content #right #newslist_tab {

       margin-right:
auto;

       margin-left:
auto;

       margin-top:
20px;

       margin-bottom:
20px;

       border-top-width:
1px;

       border-right-width:
1px;

       border-bottom-width:
1px;

       border-left-width:
1px;

       border-top-style:
dotted;

       border-right-style:
dotted;

       border-top-color:
#CB66CC;

       border-right-color:
#CB66CC;

       border-bottom-color:
#CB66CC;

       border-left-color:
#CB66CC;

     }

     #wrapper
#content #right #newslist_tab tr td {

       border-top-width:
1px;

       border-right-width:
1px;

       border-bottom-width:
1px;

       border-left-width:
1px;

       border-bottom-style:
dotted;

       border-left-style:
dotted;

       border-top-color:
#CB66CC;

       border-right-color:
#CB66CC;

       border-bottom-color:
#CB66CC;

       border-left-color:
#CB66CC;

     }

     #wrapper
#content #right #newslist_tab tr td h3 {

       font-family:
”
新細明體“,
“Times New Roman”;

       font-size:
1em;

       text-align:
center;

       margin:
10px;

       color:
#C6C;

     }

     #wrapper
#content #right #newslist_tab tr td h4 {

       font-family:
”
新細明體“,
“Times New Roman”;

       font-size:
0.9em;

       text-align:
center;

       margin:
5px;

       color:
#C6C;

     }

     #wrapper
#content #right #newslist_tab tr td p {

       font-family:
”
新細明體“,
“Times New Roman”;

       font-size:
0.9em;

       color:
#801A80;

       text-align:
left;

       margin-top:
5px;

       margin-bottom:
5px;

       margin-left:
5px;

     }

     .iconsimg
{

       margin-right:
auto;

       margin-left:
auto;

       margin-top:
2px;

       margin-bottom:
2px;

       border-top-style:
none;

       border-right-style:
none;

       border-bottom-style:
none;

       border-left-style:
none;

       text-align:
center;

     }

     #wrapper
#content #right #newslist_form {

       width:
600px;

       margin-top:
20px;

       margin-right:
auto;

       margin-bottom:
20px;

       margin-left:
auto;

     }

     InstanceEndEditable –>

       end–>

                 href=”dress.php”> src=”images/template_img/button_01.png” width=”70″
height=”29″ />

                 href=”longdress.php”> width=”70″ height=”29″ />

                 href=”formaldress.php”> src=”images/template_img/button_03.png” width=”70″
height=”29″ />

                 href=”coat.php”> width=”70″ height=”29″ />

                 href=”other.php”> src=”images/template_img/button_05.png” width=”70″
height=”29″ />

                 href=”accessories.php”> width=”70″ height=”29″ />

                 href=”uniform.php”> src=”images/template_img/button_07.png” width=”75″
height=”29″ />