สีสันด้วย CSS — Farger med CSS

Learning goals

HTML, CSS และ JavaScript สำหรับเด็ก · CSS

บทสนทนาภาษานอร์เวย์พร้อมคำแปลภาษาไทย

Nora: Siden virker, men den ser litt kjedelig ut.หน้าเว็บใช้งานได้ แต่ดูน่าเบื่อไปหน่อย

Robo: Da trenger vi CSS. CSS bestemmer hvordan siden ser ut.งั้นเราต้องใช้ CSS CSS กำหนดว่าหน้าเว็บหน้าตาเป็นอย่างไร

Nora: Jeg velger lilla til overskriften.หนูเลือกสีม่วงให้หัวเรื่อง

Robo: En CSS-regel har en velger, en egenskap og en verdi.กฎ CSS มีตัวเลือก คุณสมบัติ และค่า

Nora: Kan hele siden få en varm bakgrunn?ทั้งหน้าใช้พื้นหลังสีอบอุ่นได้ไหม?

Robo: Ja. Velgeren body betyr hele innholdet.ได้ ตัวเลือก body หมายถึงเนื้อหาทั้งหมด

Nora: Teksten er for liten på mobilen.ตัวหนังสือเล็กเกินไปบนมือถือ

Robo: font-size gjør bokstavene større. px er en måleenhet.font-size ทำให้ตัวอักษรใหญ่ขึ้น px เป็นหน่วยวัด

Nora: Knappen trenger luft rundt teksten.ปุ่มต้องมีที่ว่างรอบข้อความ

Robo: padding lager plass inni elementet.padding สร้างที่ว่างภายในองค์ประกอบ

Nora: Nå er siden både tydelig og fin!ตอนนี้หน้าเว็บทั้งชัดเจนและสวยแล้ว!

Robo: Bra design hjelper brukeren å forstå siden.การออกแบบที่ดีช่วยให้ผู้ใช้เข้าใจหน้าเว็บ

คำศัพท์ภาษานอร์เวย์จากการ์ตูนเรื่องนี้