⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 png文件结构分析.htm

📁 关于PNG文件格式的分析,不是很详细,但是中文版的..如果要更好的,请找英文版式
💻 HTM
📖 第 1 页 / 共 4 页
字号:
.no-entry {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 15px; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.no-entry-message {
	BACKGROUND: #fcfcfc; PADDING-BOTTOM: 25px; COLOR: #666666; PADDING-TOP: 25px; TEXT-ALIGN: center
}
.prev-article {
	FLOAT: left
}
.next-article {
	FLOAT: right
}
.category-label {
	TEXT-ALIGN: center
}
.textbox {
	MARGIN-BOTTOM: 15px
}
.textbox-title {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: left top; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 6px; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(images/article-title-bg.gif); PADDING-BOTTOM: 6px; BORDER-LEFT: #cccccc 4px solid; PADDING-TOP: 6px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #f8f8f5
}
.textbox-title H4 {
	DISPLAY: inline; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 16px; WORD-WRAP: break-word
}
.textbox-label {
	PADDING-LEFT: 5px; FONT-SIZE: 11px; COLOR: #666666
}
.textbox-fontsize {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; TEXT-ALIGN: right
}
.textbox-content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; WORD-WRAP: break-word
}
.textbox-bottom {
	PADDING-RIGHT: 5px; BORDER-TOP: #c0c0c0 1px dashed; PADDING-LEFT: 5px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px
}
.editmark {
	MARGIN-TOP: 20px; FONT-SIZE: 11px; COLOR: #999999
}
.textbox-urls {
	BORDER-TOP: #c0c0c0 1px dashed; MARGIN-TOP: 10px; FONT-SIZE: 11px; COLOR: #666666; PADDING-TOP: 5px
}
.gbbox {
	BORDER-TOP: #c0c0c0 1px dashed; MARGIN-BOTTOM: 15px; BORDER-BOTTOM: #c0c0c0 1px dashed
}
.gbbox-title {
	FONT-WEIGHT: bold; MARGIN-BOTTOM: 10px
}
.gbbox-label {
	DISPLAY: inline; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #999999
}
.gbbox-content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #fbfbf8; WORD-WRAP: break-word
}
.gbbox-reply {
	PADDING-RIGHT: 10px; BORDER-TOP: #e0e0e0 1px dashed; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #333333; PADDING-TOP: 10px; BACKGROUND-COLOR: #f8f8f6
}
.gbbox-reply-title {
	FONT-WEIGHT: bold; MARGIN-BOTTOM: 5px
}
.gbbox-reply-label {
	DISPLAY: inline; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #999999
}
#commentForm {
	WIDTH: 99%
}
.comment-wrapper {
	
}
.comment-top {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #f6f6f6; PADDING-BOTTOM: 5px; MARGIN: 5px; COLOR: #666666; PADDING-TOP: 5px; TEXT-ALIGN: right
}
.comment-pages {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; COLOR: #999999; PADDING-TOP: 5px
}
.commentbox {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; PADDING-TOP: 5px; WORD-WRAP: break-word
}
.no-comment-box {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fcfcfc; PADDING-BOTTOM: 10px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #666666; PADDING-TOP: 10px; BORDER-BOTTOM: #e0e0e0 1px solid
}
.commentbox-title {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #c0c0c0 1px dashed
}
.commentbox-label {
	DISPLAY: inline; FONT-SIZE: 11px; COLOR: #666666
}
.commentbox-content {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.trackbackbox {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; PADDING-TOP: 5px
}
.trackbackbox-title {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #c0c0c0 1px dashed
}
.trackbackbox-label {
	DISPLAY: inline; FONT-SIZE: 11px; COLOR: #666666
}
.trackbackbox-content {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; COLOR: #333333; PADDING-TOP: 3px
}
.trackbackbox A {
	COLOR: #000000
}
.messagebox {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BACKGROUND: #fcfcfc; BORDER-LEFT: #cccccc 1px solid; WIDTH: 500px; BORDER-BOTTOM: #cccccc 1px solid; TEXT-ALIGN: center
}
.messagebox-title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #cccccc
}
.messagebox-content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 20px; COLOR: #666666; PADDING-TOP: 10px; TEXT-ALIGN: left
}
.messagebox-bottom {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #f3f3f3
}
.errorbox {
	BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BACKGROUND: #ffeedd; BORDER-LEFT: #cc0000 1px solid; WIDTH: 500px; BORDER-BOTTOM: #cc0000 1px solid; TEXT-ALIGN: center
}
.errorbox-title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #cc3300
}
.errorbox-content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 20px; COLOR: #990000; PADDING-TOP: 10px; TEXT-ALIGN: left
}
.errorbox-bottom {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #ffe3d0
}
.formbox {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.formbox-comment {
	
}
.formbox-title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; BACKGROUND-COLOR: #efefef; TEXT-ALIGN: center
}
.formbox-comment-title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; BACKGROUND-COLOR: #efefef; TEXT-ALIGN: center
}
.formbox-rowheader {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #333333; PADDING-TOP: 5px; TEXT-ALIGN: right
}
.formbox-comment-rowheader {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #333333; PADDING-TOP: 5px; TEXT-ALIGN: right
}
.formbox-content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.formbox-comment-content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.upload-error {
	COLOR: #990000
}
.upload-done {
	COLOR: #003300
}
.member-list {
	BACKGROUND-COLOR: #f6f6f6
}
 HTML .ubb-list {
	MARGIN: 5px 5px 15px 25px
}
.ubb-list LI {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 1px; PADDING-TOP: 1px
}
.code {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 5px; BORDER-LEFT: #e0e0e0 3px solid; COLOR: #000000; PADDING-TOP: 10px; FONT-FAMILY: "Courier New","宋体"; BACKGROUND-COLOR: #f9f9f9
}
.quote {
	MARGIN: 10px; BORDER-LEFT: #e0e0e0 3px solid; BACKGROUND-COLOR: #f9f9f9
}
.quote-title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; BORDER-BOTTOM: #e0e0e0 1px dashed
}
.quote-content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #666666; PADDING-TOP: 10px
}
.ubb-obj-div {
	BORDER-RIGHT: #cccccc 1px dashed; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px dashed; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: #cccccc 1px dashed; COLOR: #666666; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px dashed; BACKGROUND-COLOR: #ffffff
}
.upload-page {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff
}
A {
	COLOR: #003366; TEXT-DECORATION: none
}
A:visited {
	COLOR: #003366
}
A:hover {
	COLOR: #cc0000; TEXT-DECORATION: underline
}
DIV {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana,tahoma, Arial, Helvetica, sans-serif
}
P {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana,tahoma, Arial, Helvetica, sans-serif
}
BODY {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana,tahoma, Arial, Helvetica, sans-serif
}
TD {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana,tahoma, Arial, Helvetica, sans-serif
}
SELECT {
	BORDER-RIGHT: #cccccc 0px double; BORDER-TOP: #cccccc 0px double; FONT-SIZE: 11px; BORDER-LEFT: #cccccc 0px double; COLOR: #000000; BORDER-BOTTOM: #cccccc 0px double; FONT-FAMILY: Verdana,Tahoma, sans-serif; HEIGHT: 20px; BACKGROUND-COLOR: #f3f3f3
}
INPUT {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Verdana,MS Shell Dlg,Tahoma, sans-serif; HEIGHT: 21px
}
FONT.code {
	FONT-FAMILY: Monaco, Courier, Courier New
}
CODE {
	FONT-SIZE: 11px; FONT-FAMILY: "Courier"
}
TEXTAREA {
	BORDER-RIGHT: #999999 1px double; BORDER-TOP: #999999 1px double; BACKGROUND: #ffffff; FONT: 12px ,Courier New; BORDER-LEFT: #999999 1px double; BORDER-BOTTOM: #999999 1px double
}
BODY {
	MARGIN: 0px; FONT-FAMILY: Verdana,Tahoma
}
TEXTAREA {
	MARGIN: 0px; FONT-FAMILY: Verdana,Tahoma
}
.arrow {
	FONT-FAMILY: webdings
}
</STYLE>

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TBODY>
  <TR>
    <TD height=50>
      <DIV id=blogLogo><IMG id=logo alt=Logo 
      src="PNG文件结构分析_files/logo.gif"></DIV>
      <DIV class=blog-header>
      <H1 class=blog-title>svcdn's Blog</H1>
      <DIV class=blog-desc><SPAN id=blogname></SPAN></DIV></DIV><BR>
      <TABLE cellSpacing=1 cellPadding=4 width="100%" bgColor=#cccccc 
        border=0><TBODY>
        <TR bgColor=#ffffff>
          <TD vAlign=top align=middle width=200><BR>
            <TABLE cellSpacing=0 cellPadding=0 width="90%" border=0>
              <TBODY>
              <TR>
                <TD vAlign=bottom>
                  <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
                    <TBODY>
                    <TR>
                      <TD><STRONG>
                        <TABLE cellSpacing=0 cellPadding=0 width="80%" 
                        align=center border=0>
                          <TBODY>
                          <TR>
                            <TD>
                              <P align=center></P>
                              <DIV id=calendar></DIV>
                              <P></P></TD></TR></TBODY></TABLE><BR>公告</STRONG></TD></TR>
                    <TR>
                      <TD>
                        <DIV id=placard></DIV></TD></TR></TBODY></TABLE><BR>
                  <TABLE width="95%" border=0>
                    <TBODY>
                    <TR>
                      <TD><STRONG>我的分类(专题)</STRONG></TD></TR>
                    <TR>
                      <TD>
                        <DIV align=center>
                        <DIV id=subject></DIV></DIV></TD></TR></TBODY></TABLE><BR>
                  <TABLE width="95%" border=0>
                    <TBODY>
                    <TR>
                      <TD><STRONG>日志更新</STRONG></TD></TR>
                    <TR>
                      <TD>
                        <DIV align=left>
                        <DIV id=newblog></DIV></DIV></TD></TR></TBODY></TABLE><BR>
                  <TABLE width="95%" border=0>
                    <TBODY>
                    <TR>
                      <TD><STRONG>最新评论</STRONG></TD></TR>
                    <TR>
                      <TD>
                        <DIV align=left>
                        <DIV id=comment></DIV></DIV></TD></TR></TBODY></TABLE><BR>
                  <TABLE width="95%" border=0>
                    <TBODY>
                    <TR>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -