css 单个元素 |css预览图片弹框放大缩小

/*文字相关*/
color: #333; /*字体颜色*/ 
font-size: 16px; /*字体大小*/
font-style: italic; /*字体样式*/
font-weight: bold; /*字体加粗*/
text-decoration: underline /*下划线*/
text-align: center; /*居中对齐*/
line-height: 1.5; /*行高*/
/*背景相关*/
background-color: #f2f2f2; /*背景颜色*/
background-image: url("bg.png"); /*背景图片*/
background-repeat: no-repeat; /*背景重复*/
background-size: cover; /*背景大小*/
/*边框相关*/
border: 1px solid #ccc; /*边框样式*/
border-radius: 5px; /*边框圆角*/
box-shadow: 1px 1px 3px #999; /*阴影*/
/*定位相关*/
position: relative; /*相对定位*/
top: 10px; /*上边距为10个像素*/
/*动画相关*/
animation: fade 1s ease-in-out; /*渐变动画*/
/*样式继承*/
inherit; /*继承父级元素样式*/

以上CSS样式可以通过设置单个元素的样式属性进行控制，同样的CSS样式属性可以用于多个元素以实现整体的视觉效果。值得一提的是，CSS样式具有优先级，如果冲突，较具体的样式会覆盖较为通用的样式。