HTML+CSS学习总结

mac2024-03-13  25

HTML+CSS3学习总结

锚链接

<a name="marker">...</a> <a href="#marker">...</a>

功能性连接

电子邮件:<a href="mailto:itjy001@126.com">联系我们</a>

列表、表格与媒体元素

列表:无序列表,有序列表,定义列表

无序列表:<ul><li></li></ul>

有序列表:<ol><li></li></ol>

定义列表:<dl><dt><dd></dd></dt></dl>

定义列表的特性:没有顺序,每个<dt>标签<dd>标签独占一行(块元素)

网页命名规范:

header:标题头部区域的内容(用于页面或页面中的一块区域)

footer:表及脚部区域的内容

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

article:独立的文章内容

aside:相关内容或应用(常用于侧边栏)

nav:导航类辅助内容

元素定位

position属性:

static:默认值,没有定位relative:相对定位absolute:绝对定位fixed:固定定位

变形、过渡与动画

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

transform(2D变形设置网页元素)

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

变形函数

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