本文介绍了HTML5中如Header、Nav、Section等结构元素，以及CSS3的阴影效果、过渡(transition)、动画(keyframes)和Flex布局的相关属性，包括flex-direction、justify-content和align-items等，展示了如何增强网页的视觉表现和交互体验。
Header，nav，section，article，aside，footer
radius
shadow，blur（模糊程度），spread（尺寸），inset（内阴影）
transtion
animations，keyframes
name
duration（持续时间）
timing-function（速度曲线），linear（匀速），ease（快-慢），steps（步长）
delay
iteration-count（播放次数）
direction（下一周期方向），nomor，reverse，alternate（起-终-起），alternate-reverse
fill-mode（结束状态）
transform
translate，rotate，scale（缩放），skew（倾斜）
background
linear-gradient，radial-gradient
circle 圆形，ellipse 椭圆形。
flex
flex-direction，row，column
flex-warp，nowrap | wrap | wrap-reverse;
justify-content（主轴对齐方式），flex-start | flex-end | center | space-between | space-around;
align-items，flex-start | flex-end | center | baseline（基于第一行） | stretch（拉伸占满）;
Order（顺序），flex-grow（放大比例）
flex-shrink（缩小比例）
align-self（单独的侧轴对齐方式）
auto（继承align-item） | flex-start | flex-end | center | baseline | stretch;
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
