"Ankita1811.github.io" 是一个个人投资组合网站,它代表了作者Ankita1811在Web开发领域的技能和作品展示。这种类型的网站通常包含个人信息、项目案例、技能清单以及联系方式,旨在吸引潜在雇主或客户。 "这是我的投资组合网站,网址为ankita1811.live。" 这句话表明网站已经上线并且可以通过 ankita1811.live 的URL访问。这表明作者可能已经完成了网站的开发和部署,并希望人们能够通过互联网浏览其作品。 "CSS" 指出该网站的开发过程中重点使用了层叠样式表(Cascading Style Sheets,简称CSS)。CSS是一种用于描述HTML或XML(包括SVG、MathML等各种XML方言)文档样式的语言,是网页设计中的关键组成部分。它允许我们将布局、颜色、字体和其他视觉元素与HTML结构分离,从而实现更灵活的设计和更好的维护性。 从【压缩包子文件的文件名称列表】"Ankita1811.github.io-master" 可以推断,这个网站的源代码可能托管在GitHub上,"master"分支是主要的开发分支。GitHub是一个面向开源及私有软件项目的托管平台,使用Git作为版本控制系统。这表明Ankita1811可能是一位热衷于开源文化,愿意分享代码的开发者。 关于CSS的知识点: 1. **选择器与规则**:CSS通过选择器(如元素名、类名、ID名等)来定位HTML元素,并应用相应的样式规则,如`color: blue;`将文本颜色设置为蓝色。 2. **盒模型**:理解CSS盒模型对于布局至关重要。它包括元素的content、padding、border和margin,这些属性共同决定了元素的大小和位置。 3. **布局技术**:包括流体布局、网格布局、Flexbox和Grid布局。Flexbox用于一维布局(行或列),而Grid布局则适用于二维布局。 4. **响应式设计**:利用媒体查询(media queries)和百分比单位,确保网站在不同设备和屏幕尺寸上的表现良好。 5. **CSS预处理器**:如Sass和Less,它们提供变量、嵌套规则、混合等功能,使CSS编写更加简洁和模块化。 6. **CSS动画和过渡**:使用`@keyframes`创建动画效果,`transition`属性实现元素状态改变时的平滑过渡。 7. **CSS3新特性**:包括伪类和伪元素(如`:hover`、`:before`、`:after`)、阴影效果(box-shadow、text-shadow)、渐变、圆角边框等。 8. **CSS重置**:通过全局样式重置,消除浏览器默认样式差异,确保跨浏览器一致性。 9. **CSS性能优化**:减少选择器复杂度,避免使用`!important`,合理使用内联样式、内部样式表和外部样式表,以及利用CSS缓存机制。 10. **BEM命名规范**:Block-Element-Modifier,一种命名约定,有助于保持CSS代码的组织性和可维护性。 通过这个项目,Ankita1811很可能展示了她在CSS设计和布局方面的专业能力,以及使用GitHub进行版本控制和协作的经验。学习并掌握这些CSS知识点对于任何Web开发者来说都是至关重要的。
- 粉丝: 32
- 资源: 4720
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助