I expected footer was constitute of three part.
page number fontsize 28px, and follow some smaller text, then put an image(logo) at the right side

P1 footnotes content

What CSS rules are you using?

do u mean I can put footer html in document?

currently I write Css like this, but I don't know how to embedded image and layout elements
@page {
@bottom{
margin-bottom: 60px;
color: green
content: "P"counter(page);
}
}

You can add an image like this:

content: "P" counter(page) url("myimage.png")

However, if you want more complex content in the footer, try flowing an element there.

wow, thanks!
now I understand the flowing element method.

but still have some question:
1. Is it possible to change the footer content vary from different page number.
2. let some pages doesn't include footer

You can change the footer on odd and even pages if you are doing duplex page layout, using @page:left and @page:right. And you can use named pages to change the footer or disable it for certain sections. Check out page selectors.

not exactly. I want following effect about first question

page 1: "how are u today"
page 2: "what's up?"
page 3: "you look beautiful!"
page 4: "bla bla"

You can use @page:nth(1), @page:nth(2), and so on.

And if there is a big table across the pages and I don't know which page will be the last one, but i need to access it and change footer style ?

Edited 22 Nov 2013 by vasilii

At the moment there is no :last @page selector, so the only way to do this is with awkward mechanisms like putting a bottom page float at the end of the table.