CSS3是网页设计中最常用的样式语言之一。它可以让我们实现丰富的页面效果和交互功能。
以下是常见CSS3规则样式的介绍:
/*选择器*/ /*id选择器*/ #ID{ /*风格*/ } /*类选择器*/ 。班级名称{ /*风格*/ } /*标签选择器*/ p{ /*风格*/ } /*后代选择器*/ 分区 p{ /*风格*/ } /*伪类选择器*/ 一个:悬停{ /*风格*/ } /*基本样式*/ /*颜色*/ 颜色:#ffffff; /*背景颜色*/ 背景颜色:#000000; /*字体大小*/ 字体大小:16px; /*字体*/ 字体系列:Arial、无衬线字体; /*粗体*/ 字体粗细:粗体; /*文本对齐*/ 文本对齐:居中; /*框架*/ 边框:1px 实线#000000; /*圆角*/ 边框半径:5px; /*阴影*/ 框阴影:3px 3px 3px #000000; /*布局样式*/ /*盒子模型*/ 框大小:边框框; /*宽度*/ 宽度:100px; /*高的*/ 高度:100px; /*填充*/ 内边距:10px; /*边距*/ 边距:10 像素; /*漂浮*/ 向左飘浮; /*清除浮动*/ 明确:两者; /*位置*/ 位置:绝对; 顶部:10 像素; 左:10 像素; /*等级*/ z 索引:1; /*动画风格*/ /*过渡*/ 过渡:全部0.5s; /*动画片*/ 动画:移动2s; /*响应式布局*/ @media 屏幕和(最大宽度:768px){ /*风格*/}
以上是CSS3常用规则样式的详细介绍。希望对网页设计初学者有所帮助。