CSS (Cascading Style Sheet)

Presentation

•

Computers

•

1st Grade

•

Hard

fitria wz

Used 8+ times

FREE Resource

16 Slides • 0 Questions

CSS (Cascading Style Sheet)

PENGENALAN CSS

CSS = Cascading Style Sheet

Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran , warna tertentu.

TUJUAN

setelah mengikuti modul ini, diharapkan siswa :
Mengenal konsep CSS Mengerti
penggunaan CSS pada dokumen HTML

Apa itu CSS ?

Cascading Style Sheets atau yang lebih dikenal sebagai CSS, adalah salah satu feature dalam HTML yang memungkinkan anda untuk mengatur tampilan halaman web yang anda bangun. tidak ada sebuah keharusan dalam menggunakan style sheet untuk memformat halaman web, namun menambahkan style sheet, dalam hal ini CSS adalah sebuah kelebihan tersendiri untuk tampilan halaman web nantinya.

Bukan itu saja, CSS memungkinkan anda untuk memberi suatu efek-efek khusus pada isis halaman web secara lebih spesifik, dengan lebih sedikit kode yang ditambahkan. Misal, untuk membuat semua teks yang ditulis tebal dan miring, memiliki warna merah, hanya perlu melakukan suatu baris tambahan kode untuk melakukan semua itu.

MEMBUAT CSS

CARA PERTAMA :

mengetikkan langsung dalam tag html sebagai atribut

MEMBUAT CSS

CARA KEDUA :

Menggunakan tag style di dalam tag head.

MEMBUAT CSS

Style definitions : adalah defenisi style yang ingin dibuat.

Format penulisannya adalah :

Selector adalah tag yang digunakan web browser.

Property : value adalah efek dari style yang diinginkan untuk selector.

CARA KETIGA :

Menyimpan informasi style ke dalam sebuah file dengan ekstensi/type file css

Memanggil file css dalam html dengan tag link yang diletakkan dalam tag head.

^{Contoh :}

^{<style type=“text/css” >}

^{hr { color : red ; height : 5px ; width : 50%; }}

^</style>

Keterangan :

Tag adalah style

Atribut adalah type=“text/css”

Selector adalah hr

Property adalah color, height, width

Value adalah red, 5px, 50%

ID SELECTOR dan CLASS

ID selector didefenisikan sendiri

ID selector diawali tanda # ( octothorpe)

CLASS diawali dengan tanda titik ( . )

Tugas Latihan

buatlah Biodata Menggunakan HTML dan CSS

kirim code html & css beserta hasilnya dalam bentuk web

kirim via classroom kode : jsieupk

atau via email fitriawz23@gmail.com

CSS (Cascading Style Sheet)

Show answer

Auto Play

Slide 1 / 16

SLIDE

Similar Resources on Wayground

10 questions

Grade 2 - Dropcap n Shape

Presentation

•

2nd Grade

12 questions

Intro to Thermochemistry

Presentation

•

10th Grade

11 questions

Persiapan PTS Genap Pen. Pancasila

Presentation

•

1st Grade

14 questions

Pengenalan Program Paint

Presentation

•

1st Grade

14 questions

Tin 9_Bài 3: Tổ chức và truy cập thông tin trên internet

Presentation

•

1st Grade

9 questions

Teknologi Informasi dan Komunikasi

Presentation

•

1st Grade

14 questions

37 JavaScript podstawy

Presentation

•

10 questions

Berkata Baik

Presentation

•

1st Grade

Popular Resources on Wayground

10 questions

Safety Day 2026 – Student Review

Quiz

•

9th Grade

21 questions

Continents and Oceans

Quiz

•

6th Grade

20 questions

Parts of Speech

Quiz

•

5th Grade

16 questions

Subject & Predicate

Quiz

•

5th Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

12 questions

Map Skills

Quiz

•

3rd Grade

22 questions

Continents and Oceans

Quiz

•

5th Grade

15 questions

Rounding Decimals

Quiz

•

5th Grade

Discover more resources for Computers

15 questions

Addition and Subtraction

Quiz

•

1st Grade

26 questions

SLIME!!!!!

Quiz

•

KG - 12th Grade

20 questions

Addition and Subtraction facts

Quiz

•

1st - 3rd Grade

20 questions

Place Value

Quiz

•

KG - 3rd Grade

4 questions

K-2 Force and Motion Lesson

Presentation

•

KG - 2nd Grade

10 questions

Fact Families

Quiz

•

1st Grade

10 questions

Identifying Physical and Chemical Changes

Interactive video

•

1st - 5th Grade

15 questions

Place Value tens and ones

Quiz

•

1st Grade