JavaScript是一種基于對象的語言,它具有面向對象的特性。面向對象的編程方式可以將代碼組織得更加清晰、易于維護和重用。在JavaScript中,面向對象的編程可以通過類、對象、繼承等方式實現。
//例:定義一個Person類 class Person{ constructor(name, age) { this.name = name; this.age = age; } sayHello() { console.log(`Hello, my name is ${this.name}, I am ${this.age} years old.`); } } let person = new Person("Tom", 25); person.sayHello(); //輸出:Hello, my name is Tom, I am 25 years old.
CSS的實戰(zhàn)通常是指將實際的網頁設計和布局應用到CSS中。在實戰(zhàn)中,CSS的主要任務是構建網頁框架并美化頁面元素。CSS也具有層疊、選擇器等特性。
/* css實例:制作簡單的網頁布局 */ /* 布局 */ header, footer { height: 100px; background: #555; } nav { float: left; width: 20%; } article { float: left; width: 80%; } /* 美化 */ body { font-family: Arial, sans-serif; color: #333; background: #fff; } header h1, footer p { color: #fff; text-align: center; line-height: 100px; } nav ul { list-style: none; padding: 0; margin: 0; } nav li { padding: 5px; background: #888; margin-bottom: 5px; } nav li:hover { background: #555; } article h2 { color: #555; margin: 20px 0 10px 0; } article p { line-height: 1.5; }
上一篇js里面設置css樣式