开发者学堂课程【CSS 快速掌握:尺寸样式属性】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/611/detail/9170
尺寸样式属性
内容介绍
一、尺寸样式属性
一、尺寸样式属性
< !DOCTYPE html >
<html lang="en">
<head>
<meta charset="UTF-8">
<title>
尺寸样式属性</title>
<style type="text/css">
/*
使用类选择器来设置样式*/
.box{
width:100p
х ;
height: 100p
х;
background-color: #f00;
}
</style> ,
</head>
<body>
<!--
给div标签设置宽度设置高度设置背景颜色-->
<div class="box">/div>
</body>
</html>
在浏览器中打开,便会发现有出现相应的区域,如果不给这个元素设置一个宽,那么 div 的宽就是自动的。
其中 width 是设置宽度,height 是设置高度,background-color 是设置背景颜色。
问:<span></span>能够设置宽度、高度吗?
答:不可以,因为 span 标签是一个行内函数,它是不可以设置宽度和高度的,只有块级元素才可以设置宽度与高度,span 标签的宽度和高度只由它的内容决定。