1、font-size : 用来设置字体大小。
chrome浏览器中，能够显示的最小字体为12px。
2、color ： 用来设置字体颜色。
用颜色对应英文单词设置：
color:red;用颜色对应编码设置也行：
color:#ffffff;3、width ： 设置选择器选中元素的宽度。
width:100px;4、height ： 设置选择器选中元素的高度。
height:100px;5、background-color : 用来设置背景色。
background-color:red;
background-color:#ffffff;6、text-align : 设置文本水平居中。
text-align:center;7、line-height ：设置文本垂直居中。
line-height:100px;
8、示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS常用属性</title>
<style>
.test{
/* chrome浏览器：font-size最小值是12px */
font-size: 30px;
/* 字体颜色 */
color: white;
/* 背景色 */
background-color: black;
/* 文本水平居中 */
text-align: center;
/* 文本行高（垂直居中） */
line-height: 40px;
}
img{
width: 300px;
}
</style>
</head>
<body>
<h1 class="test">hello coder</h1>
<img src="E:\mydesktop\tupian\coder.jpg" alt="">
</body>
</html>浏览器打开：
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之家整理，本文链接：https://www.bmabk.com/index.php/post/122910.html
