学习和总结CSS的字体属性设置
/* 设置字体族 */
body {
font-family: 'Arial', sans-serif;
}
/* 设置字体大小 */
h1 {
font-size: 24px;
}
/* 设置字体粗细 */
strong {
font-weight: bold; /* 或者使用数值 400 到 900 的整数 */
}
/* 设置字体样式(斜体) */
em {
font-style: italic;
}
/* 设置行间距 */
p {
line-height: 1.5; /* 这里可以是无单位的数值或者具体的长度值 */
}
/* 设置文本的装饰(下划线) */
a {
text-decoration: underline; /* 或者 'none' 移除下划线 */
}
/* 设置文本的对齐方式 */
div.center-text {
text-align: center;
}
/* 设置文本阴影 */
h2 {
color: #333333;
text-shadow: 2px 2px 2px #aaaaaa; /* 水平偏移 垂直偏移 模糊半径 颜色 */
}
这段代码展示了如何在CSS中设置字体族、大小、粗细、样式、行间距、装饰和对齐,以及阴影效果。这些是设计师和开发者经常用到的CSS属性,对于学习前端开发是非常有帮助的。
评论已关闭