1. CSS 基本结构
selector {
property: value;
}
- selector: 选择器,用于选择要样式化的 HTML 元素。
- property: CSS 属性,表示要更改的样式特征。
- value: 属性的值,规定要应用于属性的样式。
2. 选择器
元素选择器
p {
color: red;
}
类选择器
.button {
background-color: blue;
}
ID 选择器
#header {
font-size: 20px;
}
后代选择器
nav ul {
list-style-type: none;
}
伪类选择器
a:hover {
text-decoration: underline;
}
3. CSS 属性
文本样式属性
- color: 文本颜色
- font-family: 字体
- font-size: 字体大小
- font-weight: 字体粗细
- text-align: 文本对齐方式
- text-decoration: 文本装饰
盒子模型属性
- width: 宽度
- height: 高度
- margin: 外边距
- padding: 内边距
- border: 边框
定位与布局属性
- position: 元素定位方式
- top, right, bottom, left: 定位偏移量
- float: 元素浮动方向
- display: 元素的显示方式
响应式设计属性
- @media: 媒体查询语法
过渡与动画属性
- transition: 过渡效果的属性
- animation: 应用动画效果的属性
这只是 CSS 的一小部分,实际上还有很多其他属性和值可以使用。建议查阅更详细的 CSS 参考文档,例如 MDN Web Docs,以获取更全面的信息。
转载请注明出处:http://www.pingtaimeng.com/article/detail/12585/CSS