在编写CSS样式规则时，需要遵循一些基本的规则，例如：
1. 先定义样式规则，再使用样式规则定义元素的属性。
2. 使用绝对定位或相对定位来定位元素。
3. 使用盒子模型来定义元素的大小和位置。
4. 使用box-shadow来添加阴影效果。
5. 使用border-radius来改变元素的圆角大小。
6. 使用font-size和font-style来改变元素字体的大小和样式。
下面是一个基本的HTML元素样式规则示例：
“`html
这是一个包含文本的div元素。
在这个示例中，大家定义了一个名为“my-div”的CSS类，并定义了一个名为“p”的HTML元素，使其具有该CSS类定义的样式规则。例如，“p”元素的字体大小为16px，颜色为红色，并且其背景颜色为白色。
通过使用这个示例，您可以轻松地创建自己的CSS样式规则，从而为您的网页添加更多的样式效果。请记住，CSS样式规则是灵活的，可以根据您的需要进行修改和定制。