Process of writing HTML CSS structure using PSD file

1. After getting the PSD file, we probably define the div structure of the page, then write a line,

CTRL + R Show hidden rulers right-click the ruler---Change the units inside to pixels

ALT +-can zoom out PSD file,

Space+ left mouse button can pull psd file

Ctrl+d can cancel a selection

1> Delete the default internal and external margins.

Write the top HTML structure first

Post-write CSS style at the top. Note Alleys Center, using margin:0 Auto to achieve the center of the box display, note that the text can only be implemented with Text-align:center.

Then layout the head of the inner Div, a left float, and a right float.

Learn the use of Photoshop slicing tools to save slices for easy use. Export slices: Files--storage for formats used by web devices

Slice Delete, use the slice selection tool +delete key, or use view---> clear slices to delete all tiles.

Transduction do not want to cut the unnecessary elements in, you can use the automatic selection function to hide unwanted elements

Select a layer, and then slice the layer.

Process of writing HTML CSS structure using PSD file