知识点整理：css,html

最新推荐文章于 2024-04-09 16:54:45 发布

Crazy_GirlLL

最新推荐文章于 2024-04-09 16:54:45 发布

阅读量221

点赞数

本文链接：https://blog.csdn.net/Crazy_GirlLL/article/details/114373839

版权

本文涵盖了CSS和HTML的基础知识，包括图片的自适应、居中定位、布局模式如响应式、弹性布局和网格布局。还讨论了CSS动画、Transform和Animation，以及Animate.css库的使用。此外，提到了前端开发中的重构、框架、组件、开发规范和技术选型。HTML5和CSS3的新特性，如HTML5的语义化标签、多媒体元素和数据存取，CSS3的媒体查询、单位转换和动画效果，也进行了深入探讨。

摘要由CSDN通过智能技术生成

图片的特性：宽度自适应高度自动的自适应

无固定宽高的盒子上下左右居中

- 定位：上下左右均为0，那样宽高就和父元素一样
- display两种

`第一种：`子元素和父元素一样大
父元素：{display：table}
子元素：{display：table-cell}

`第二种：`
父元素：{
    display：flex；
    justify-content:center;
    align-items:center;
}

响应式布局，弹性布局，百分比布局，流式布局这四种布局的区别

	响应式布局	弹性布局（rem/em布局）	自适应布局	流式布局(百分比布局)
页面对应分辨率的方式	一个页面对应多种分辨率	一个页面对应多种