1 / 11

Slightly more CSS

Learn how to convert embedded CSS to external CSS for sharing styles across multiple pages. Follow step-by-step instructions and optimization techniques for smoother web design workflow.

pedrok
Download Presentation

Slightly more CSS

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Slightly more CSS

  2. Because the logo is a link it has a blue or purple border

  3. Up in the “embedded” style in the head

  4. Embedded versus external (linked) CSS • If you want the style you have developed to be shared by several pages then you can move the style from embedded (at the top of an HTML or PHP file) to external or linked where it can be shared by any number of files.

  5. To go from embedded to linked CSS highlight the style and copy it

  6. Go to File/New and choose CSS and click Create

  7. Paste style into new CSS file and go to File/Save As ....

  8. Expand CSS panel (could also go to Window/CSS Styles)

  9. On CSS panel click on Attach Style Sheet button, then browse for file in dialog box

  10. Result is link tag, can cut style tag You could also just type the link tag seen above.

  11. Result of linked

More Related