实例
定位<h2>元素：
h2
{
position:absolute;
left:100px;
top:150px;
}
属性定义及使用说明
position属性指定一个元素（静态的，相对的，绝对或固定）的定位方法的类型。
| 默认值： |
|---|
2024年11月07日
实例
定位<h2>元素：
h2
{
position:absolute;
left:100px;
top:150px;
}
属性定义及使用说明
position属性指定一个元素（静态的，相对的，绝对或固定）的定位方法的类型。
| 默认值： |
|---|
2024年11月07日
主要就是经典的绝对定位，相对定位问题。
涉及浮动和清除浮动，主要讲解“圣杯”和“双飞翼”两种解决方法。这两种方法实现的都是三栏布局，两边的盒子宽度固定，中间盒子自适应，它们实现的效果是一样的，差别在于其实现的思想。
2024年11月07日
实例
如何定位background-image：
body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
标签定义及使用说明
background-position属性设置背景图像的起始位置。
2024年11月07日
有些情况下，我需要用一种简单的方法来创建网格布局。例如，每次我改变主意时，在不修改CSS的情况下快速画出五列网格。在本文中，我们一起探索一些用例，并思考如果实现及使用它们。
在深入探讨这些概念之前，首先我们来回顾一下 CSS 变量的基础知识， 我们也可以将它称为“自定义属性”。
所有主流浏览器都支持CSS变量，下面是各个浏览器的支持情况：
如果要定义CSS变量是全局变量，则需要将其添加到:root声明中（:root等效于<html>）。如果该变量特定于组件，则可以在该组内声明中定义它。
2024年11月07日
网页的布局有很多种方式，一般分为以下几个部分：
头部区域部分位于整个网页的顶部，一般用于设置网页的标题或者网页的图标：
2024年11月07日
实例
设置一个P元素的底部填充：
p{padding-bottom:2cm;}
属性定义及使用说明
padding-bottom属性设置一个元素的底部填充（空格）。
注意： 负值是不允许的。
| 默认值： | 0 |
|---|---|
2024年11月07日
作为 Web 开发人员，我们希望用户无论使用哪种浏览器浏览网页，HTML 元素的外观都是一样的。遗憾的是，由于浏览器的运行方式，情况并非如此。每个浏览器都有自己的默认样式表，其中规定了一些适用于元素的最基本规则。在大多数情况下，这些默认样式是有用的。但是，由于这些默认值的不同，有时会在特定浏览器中出现表现不一致的现象，影响用户的浏览体验。
2024年11月07日