css 用法 |css雪碧图制作

1. 链接样式：

a:link {
color: blue;
text-decoration: none;
}
a:hover {
color: red;
}

通过定义链接样式可以改变链接的颜色和文本装饰，例如去掉下划线。

2. 文本样式：

h1 {
color: blue;
font-size: 24px;
}
p {
font-family: Arial, sans-serif;
}

通过定义标题和段落样式可以改变它们的字体、颜色和大小。

3. 盒模型：

div {
width: 200px;
height: 150px;
background-color: yellow;
border: 1px solid black;
padding: 10px;
margin: 20px;
}

通过定义盒模型可以控制元素的大小、边框、内边距和外边距，使页面排版更加灵活和美观。

4. 布局样式：

.container {
display: flex;
justify-content: center;
align-items: center;
}
.box {
width: 100px;
height: 100px;
background-color: blue;
margin: 10px;
}

通过定义布局样式可以实现元素的水平或垂直排列，使页面布局更加灵活和自适应。

总之，CSS具有非常丰富的用法和技巧，可以完美地配合HTML和JavaScript实现网页设计和开发的各种需求。