一、设置像素
在CSS中，可以使用px表示像素，即计算机屏幕分辨率中的像素数。例如，如果屏幕分辨率为1280×1024像素，则可以使用px表示1280像素。
以下是一些使用px设置像素的方法：
1. 使用绝对定位和绝对定位元素
使用绝对定位可以使元素相对于其原始位置移动。可以使用绝对定位元素来设置其大小，其大小以像素为单位。例如，可以使用以下CSS样式设置一个元素的大小为200像素：
body {
margin: 0;
padding: 0;
background-color: #fff;
position: absolute;
top: 200px;
left: 0;
width: 200px;
height: 100px;
background-color: #007bff;
2. 使用百分比和px
可以使用百分比和px同时设置元素的大小。例如，可以使用以下CSS样式设置一个元素的大小为60%:
body {
margin: 0;
padding: 0;
background-color: #fff;
width: 60%;
height: 100%;
background-color: #007bff;
在这个例子中，使用width: 60%；和height: 100%；设置元素的宽度和高度各占60%。
二、设置百分比
在CSS中，可以使用百分比表示元素的大小，其大小基于元素的父元素的大小和比例。例如，如果父元素的大小为1000px，则子元素的大小可以使用以下CSS样式设置：
body {
margin: 0;
padding: 0;
background-color: #fff;
width: 20%;
height: 100%;
background-color: #007bff;
在这个例子中，使用width: 20%；和height: 100%；设置子元素的宽度和高度各占20%。
需要注意的是，使用百分比表示元素的大小时，如果父元素的大小不是像素数，则百分比将转换为像素数。例如，如果父元素的大小为2000px，则子元素的宽度可以使用以下CSS样式设置：
body {
margin: 0;
padding: 0;
background-color: #fff;
width: 50%;
height: 100%;
background-color: #007bff;
在这个例子中，使用width: 50%；和height: 100%；设置子元素的宽度和高度各占50%。