Week5 ap forms

CSS Layout, Positioning & HTML Forms

Review – CSS selectors ,[object Object],[object Object],P P P P tag P P P P id

Review – CSS selectors ,[object Object],[object Object],<div class=“bold”> <p></p> <div class=“nobold”> <p></p> </div> </div> <div class=“nobold”> <p></p> </div> .bold p {color:red;} .bold .notbold p {color: green;} P h1 h4 h2

Fixed Layouts ,[object Object],[object Object]

Liquid layouts ,[object Object],[object Object],[object Object]

Elastic Layouts ,[object Object],[object Object],[object Object],[object Object]

Insert <div> tags ,[object Object],[object Object]

Box Model Margin ,[object Object],[object Object],[object Object],[object Object]

Box Types ,[object Object],[object Object],[object Object],[object Object],[object Object]

1. Static Position ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

2. Relative Position The box's corresponding outer edge is moved with respect to its original position in the normal flow. http://www.brainjar.com/css/positioning/default.asp ,[object Object],[object Object]

3 . Absolute Position ,[object Object],[object Object]

4. Fixed Position ,[object Object],[object Object],[object Object]

Four Positioning Types From Dreamweaver CS4: The Missing Manual

Float http://www.brainjar.com/css/positioning/default.asp

How to float left or right? ,[object Object],[object Object],[object Object],[object Object],[object Object]

Form tag ,[object Object],[object Object],[object Object],[object Object],[object Object]

Text Field (1) ,[object Object],[object Object],[object Object],[object Object],[object Object]

Text Field (2) ,[object Object],[object Object]

Password Field ,[object Object],[object Object]

Text Area ,[object Object],[object Object]

Checkboxes and Checkbox Groups ,[object Object],[object Object]

Radio Buttons ,[object Object],[object Object]

Pull-down Menus/Lists (1) ,[object Object],[object Object],[object Object],[object Object],[object Object]

Pull-down Menus/Lists (2) Allow Multiple: If selected, multiple choices are allowed by using ctrl+click.

File Field ,[object Object],[object Object],[object Object],Buttons

Apply CSS to Buttons ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

How to install the .php script? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Week5 ap forms

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (7)

Destacado

Destacado (20)

Similar a Week5 ap forms

Similar a Week5 ap forms (20)

Último

Último (20)

Week5 ap forms