CSS常见属性

本文介绍了CSS中常见的属性,如宽度、高度、背景颜色、字体样式、颜色、边框、内边距、外边距、文本对齐、浮动、显示方式和悬停效果,展示了如何使用这些属性来精细控制网页的外观和布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

常见的CSS属性:

宽度(width):设置元素的宽度。

.container {
  width: 300px;
}

高度(height):设置元素的高度。
背景颜色(background-color):设置元素的背景颜色。

.box {
  background-color: #ff0000;
}

字体(font):设置文本的字体样式,包括字体族、大小、粗细等。

p {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

颜色(color):设置文本的颜色。

h1 {
  color: blue;
}

边框(border):设置元素的边框样式,包括宽度、颜色、样式等。

.image {
  border: 1px solid #000000;
}

内边距(padding):设置元素内容与边框之间的间距。

.content {
  padding: 10px;
}

外边距(margin):设置元素与相邻元素之间的间距。

.box {
  margin: 20px;
}

文本对齐(text-align):设置文本在元素内的对齐方式,如左对齐、居中对齐、右对齐等。

.center-align {
  text-align: center;
}

浮动(float):指定元素在文档中的浮动方式,使其脱离正常的文档流。

.left-float {
  float: left;
}

显示(display):设置元素的显示方式,如块级元素、行内元素、隐藏等。

.hidden {
  display: none;
}

悬停效果(hover):设置元素在鼠标悬停时的样式变化。
盒模型(box model):设置元素的内外边距、宽度和高度的计算方式。

  • 这只是一小部分常见的CSS属性,CSS还有很多其他属性可用于控制网页的样式和布局。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值