HTML+CSS学习总结

HTML+CSS3学习总结

锚链接

...  
...

功能性连接

电子邮件：联系我们

列表、表格与媒体元素

列表：无序列表，有序列表，定义列表

无序列表：

有序列表：

定义列表：

定义列表的特性：没有顺序，每个

标签

标签独占一行（块元素）

网页命名规范：

header：标题头部区域的内容（用于页面或页面中的一块区域）

footer：表及脚部区域的内容

section：web页面中的一块独立区域

article：独立的文章内容

aside：相关内容或应用（常用于侧边栏）

nav：导航类辅助内容

元素定位

position属性：

1. static：默认值，没有定位
2. relative：相对定位
3. absolute：绝对定位
4. fixed：固定定位

变形、过渡与动画

css3变形是一些效果的集合：平移、旋转、缩放、倾斜效果

transform（2D变形设置网页元素）

transition制作过渡动画，网页动画

变形函数

• translate()：平移函数，基于X,Y坐标重新定位元素的位置
• scale()：缩放函数，可以是任意元素对象尺寸发生变化
• rotate()：旋转函数，取值是一个度数值
• skew()：倾斜函数，取值是一个度数值
• transition-property(过度或动态模拟的css属性)
• transition-duration(完成过渡所需要的时间)
• transition-timing-function(制定过渡函数)
• transition-delay(过度开始出现的延迟时间)