个人投资组合展示：HTML与CSS实战学习

资源摘要信息:"个人投资组合网站开发知识" 1. HTML和CSS基础应用： - 项目目标是通过HTML和CSS创建一个响应式网站，用于展示个人在Triology Edu期间的学习成果和工作作品。 - HTML (HyperText Markup Language) 是网站的基础结构，负责页面的文档类型定义，链接，图片，文本等元素的布局和内容。 - CSS (Cascading Style Sheets) 是用来描述HTML文档的呈现方式，包括文字，颜色，边距，填充，浮动等视觉样式。 2. 布局和样式开发： - 浮动：CSS浮动属性可以实现文本环绕图片等布局效果，常见的浮动值包括none, left, right。 - 填充（Padding）：指的是元素内容区域与边框之间的空间，设置padding可以增加元素内部空间。 - 边距（Margin）：指元素周围的空间，设置margin可以增加元素间的距离。 - 显示（Display）：控制元素如何显示，比如块级(block)、内联(inline)、内联块(inline-block)等。 - 溢出（Overflow）：定义当内容溢出元素框时如何管理，比如auto, hidden, visible等。 - 清除（Clear）：指定元素的哪一侧不允许有浮动元素，常见值包括left, right, both等。 - 文本对齐（Text-align）：设置文本对齐方式，比如左对齐(left)、居中(center)、右对齐(right)。 3. Git和GitHub使用： - Git是版本控制系统，用于代码的版本管理和多开发者协作。 - GitHub是一个基于Git的代码托管平台，提供项目管理、代码审查、代码仓库等服务。 - 克隆（Clone）：将远程仓库复制到本地开发环境的操作。 - 推送（Push）：将本地仓库的更改发送到远程仓库的过程。 - Git仓库管理：包括提交更改（commit）、分支管理（branch）、合并请求（merge request）等。 4. 个人挑战和资源利用： - 元素间距：在CSS中涉及边距、填充等属性的正确使用，来控制元素之间的间隔。 - 设计一致性：需要花费时间确保网站的每一页都有统一的格式和样式。 - 学习资源：项目中提到了Google作为重要的学习资源，可能涉及了在线教程、官方文档、社区论坛等。 - 完美主义的克服：在项目完成过程中，与自己的完美主义倾向做斗争，可能涉及到时间管理和期望设定。 5. 项目展望和进阶方向： - 项目可能随着时间推移而继续更新和改进，表明持续学习和迭代的重要性。 - 对于进一步提升，可以考虑学习更多前端技术如JavaScript、框架如React或Vue.js等，以及响应式布局技术如Bootstrap等。 - 了解最佳实践，比如可访问性（Accessibility）、SEO优化（Search Engine Optimization）等，能更好地提升网站质量和用户体验。