在HTML和CSS中，p是一个重要的元素，它被广泛用于布局和组织页面内容。p标签本身没有任何样式或布局信息，因此需要使用CSS来定义它的样式。下面是一个简单的p CSS模板：

/* 定义p的样式 */p {width: 100%;height: 300px;background-color: #FFF;border: 1px solid #CCC;padding: 20px;box-sizing: border-box;}/* 定义内部元素的样式 */p p {font-size: 16px;color: #333;line-height: 1.5;}/* 定义内部元素链接的样式 */p a {color: #06C;text-decoration: none;border-bottom: 1px solid #06C;}/* 定义鼠标悬停链接时的样式 */p a:hover {color: #C00;border-bottom-color: #C00;}

这个模板定义了一个p元素的基本样式：它的宽度填满父容器，高度为300px，背景色为白色，有1像素的灰色边框，内部有20像素的填充。同时，它包含了两个内部元素：p和a，分别用来呈现文本和链接。这些元素都有自己的CSS样式，例如链接有颜色、文本下划线和底部边框线。此外，鼠标悬停链接时，链接的颜色和底部边框线的颜色都会变化。