1. Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents Dr. Irwan Sembiring,ST.,M.Kom

2. Advantage CSS H1 { color :red ; font-family : “arial”; } welcome to web programming procrastinate now and panic later Magister of Computer Science

3. Style structure H1 {color:red;} H1= selector Color = property Red=value ; = semicolon Declaration

4. we can declare document styles in several ways. 1.Inline styles  Individual element This text does not have any style applied to it. font-size style applied to it, making it 20pt. This text has the font-size and color styles applied to it, making it 20pt. and light blue.

5. 2. Embedded Style Sheets Embed an entire CSS document in an HTML * Head Section * em { font-weight: bold; color: black } h1 { font-family: tahoma, helvetica, sans-serif } p { font-size: 12pt; font-family: arial, sans-serif }.special { color: #6666ff } Deitel & Associates, Inc. universitas Kristen satya wacana Clients The company's clients include many Fortune 1000 companies

6. Class and ID.InputText { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; line-height: normal; background-color: #0F0; } Nama Anda

7. <!-- p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; font-style: italic; background-color: #0C0; } p.group { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; background-color: #FC3; } p#one { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; line-height: normal; background-color: #909; } Ini adalah paragraf 1 ini adalah paragrap 2 ini adalah paragraf 3 </html

8. Exercise

9. 3. Linking External Style Sheets Belajar CSS

10. Layout With CSS