本文详细介绍了CSS中在页面布局常用的属性，包括Visibility和Display的用法及其区别。同时，深入探讨了CSS及HTML中的块元素和行内元素的特性，并通过实例展示了如何实现列表的水平显示和span标签的块级显示。
文章目录
一、在页面布局中常用的CSS属性
1、Visibility设置对象是否可见
默认值是visible，不显示则设定成hidden
visibility: visible/hidden;
示例如下：
<!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>003</title>
</head>
<style type="text/css"> /* 意思是css样式的文本 */
/* 可以先用下列语句清除浏览器与页面的默认边距 */
* {
margin: 0;
padding: 0;
}
.a1 {
width: 150px;
height: 150px;
background-color: red;
}
.a2 {
width:150px;
height: 150px;
background-color: blue;
}
.a3 {
width:150px;
height: 150px;
background-color: yellow;
position: absolute;
top: 70px;
left: 50
最低0.47元/天 解锁文章
1361
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
