CSS样式代码非常多样和灵活，这里我会列举一些常见的CSS样式代码示例。请注意，这只是其中的一部分，CSS有很多特性和属性可以运用。
1. 字体样式：
```css
font-family: 字体名称; /* 设置字体 */
font-size: 数值单位; /* 设置字体大小 */
color: 颜色值; /* 设置字体颜色 */
line-height: 数值或百分比; /* 设置行高 */
text-align: 文本对齐方式; /* 设置文本对齐方式 */
font-weight: 加粗程度; /* 设置字体粗细 */
text-decoration: 装饰效果; /* 设置文本装饰效果（如下划线、删除线等） */
```
2. 边框样式：
```css
border-style: 边框样式; /* 设置边框样式（如solid实线、dashed虚线等） */
border-width: 数值单位; /* 设置边框宽度 */
border-color: 颜色值; /* 设置边框颜色 */
border-radius: 数值单位; /* 设置边框圆角 */
```
3. 背景样式：
```css
background-color: 颜色值; /* 设置背景颜色 */
background-image: 图片链接或图片路径; /* 设置背景图片 */
background-repeat: 是否重复背景图片; /* 设置背景图片是否重复 */
background-size: 大小或百分比; /* 设置背景图片大小 */
background-position: 位置或百分比; /* 设置背景图片位置 */
```
4. 布局样式：
```css
display: 显示模式（如block块级元素、inline行内元素等）; /* 设置元素的显示模式 */
width: 数值或百分比; /* 设置元素宽度 */
height: 数值或百分比; /* 设置元素高度 */
margin: 外边距值（上下左右均可设置）; /* 设置元素的外边距 */
padding: 内边距值（上下左右均可设置）; /* 设置元素的内边距 */
position: 定位方式（如static静态定位、relative相对定位等）; /* 设置元素的定位方式 */
top/right/bottom/left: 距离值; /* 相对定位或绝对定位时设置元素的位置偏移 */
```
以上只是CSS的基础样式代码示例，实际使用中还会涉及到更多的特性，如弹性布局（Flexbox）、网格布局（Grid）、响应式设计等。如需深入学习CSS，建议参考权威的CSS教程和文档。