/* 选择器用于选择需要应用样式的元素 */
p {
color: blue; /* 设置文本颜色为蓝色 */
font-size: 16px; /* 设置文本大小为16像素 */
}
/* 可以使用不同的选择器来提升特定元素的样式 */
p.emphasized {
font-weight: bold; /* 设置文本为粗体 */
}
// 创建一个新的JavaScript对象
let person = {
name: 'Alice', // 对象属性：名字
age: 25, // 对象属性：年龄
greet: function() { // 对象方法：问候
console.log(`Hello, my name is ${this.name}`);
}
};
// 访问对象属性
console.log(person.name); // 输出: Alice
// 调用对象方法
person.greet(); // 输出: Hello, my name is Alice
// 使用箭头函数简化对象方法
let greetShort = () => console.log(`Hello, my name is ${person.name}`);
greetShort(); // 输出: Hello, my name is Alice
// 使用类似于JSON的语法创建对象
let personJson = `{
"name": "Bob",
"age": 30
}`;
// 解析JSON字符串为JavaScript对象
let personObj = JSON.parse(personJson);
console.log(personObj.name); // 输出: Bob以上代码展示了如何在CSS和JavaScript中定义样式、创建对象、访问对象属性、调用对象方法以及解析JSON字符串。这些是前端开发中常用的技术，并且是ECMAScript 2015 (ES6) 及以后版本的语法规范的一部分。