CSS3 是前端开发中十分重要的一门课程,它有许多词组需要掌握。1. 盒子模型 box model 盒子模型是指每个 HTML 元素为一个盒子,由 margin(外边距)、border(边框)、pad...
CSS3 是前端开发中十分重要的一门课程,它有许多词组需要掌握。
1. 盒子模型 box model 盒子模型是指每个 HTML 元素为一个盒子,由 margin(外边距)、border(边框)、padding(内边距)和 content(内容)四个部分组成。 2. z-index 属性 z-index 属性用来指定 HTML 元素在层叠顺序中的位置,数值越大表示越靠上。 3. 伪元素 pseudo element 伪元素是指用来为某个元素的某个部分设置样式的元素,如 ::before 和 ::after。 4. 动画 animation 动画是指在一定时间内,HTML 元素在页面上变化的过程。 5. 渐变 gradient 渐变是指从一种颜色到另一种颜色过渡的效果,CSS3 中提供了线性渐变和径向渐变两种方式。 6. 过渡 transition 过渡是指 HTML 元素在不同状态下改变样式的过程,如鼠标悬停时颜色渐变。 7. 弹性布局 flexbox 弹性布局是一种自适应布局方式,用来在不同分辨率下自动适应屏幕大小。 8. 响应式设计 responsive design 响应式设计是指根据用户的屏幕分辨率和设备自动调整网页的布局,使网页在不同设备上都能够正常显示。 9. 媒体查询 media queries 媒体查询是一种 CSS3 技术,通过查询用户设备的屏幕分辨率、宽度等信息,来确定使用不同的 CSS 样式表。 10. 选择器 selector 选择器是指在 CSS 中用来选取 HTML 元素的代码,如标签选择器、id 选择器和 class 选择器等。