当前位置:数码通 > 趋势

css3常用规则样式

来源于 数码通 2023-10-04 18:18

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常用规则样式的详细介绍。希望对网页设计初学者有所帮助。

登录后参与评论