返回

100天蜕变前端达人:从CSS基础开始

前端







100天学习前端计划 DAY 0 | CSS基础

学习是一件有趣的事情,持续的积累才会有所成就。为了系统化学习,并督促自己每天坚持学习,我决定制定一个100天学习前端计划。

从今天开始,我将从CSS基础开始学习前端开发。

## 为什么要从CSS基础开始?

CSS是层叠样式表,它用于控制网页的样式,比如字体、颜色、布局等。学好CSS基础,对于前端开发来说是非常重要的。

**1. CSS 基础是前端开发的基础** 

CSS 是前端开发的基础,掌握 CSS 基础知识,才能在网页上呈现出美观且交互良好的界面。

**2. CSS 基础有助于前端开发的快速上手** 

CSS 基础知识简单易懂,掌握之后可以快速上手前端开发。

**3. CSS 基础是前端开发的必备技能** 

CSS 基础知识是前端开发的必备技能,在前端开发工作中,CSS 的应用非常广泛。

## 学习CSS基础的计划

我的CSS基础学习计划如下:

**1. 学习CSS语法** 

CSS语法是CSS的基础,包括选择器、属性和值等。

**2. 学习CSS布局** 

CSS布局是指使用CSS来控制网页元素的位置和大小。

**3. 学习CSS样式** 

CSS样式是指使用CSS来控制网页元素的外观,比如字体、颜色、背景等。

**4. 学习CSS动画** 

CSS动画是指使用CSS来创建网页元素的动画效果。

**5. 学习CSS响应式设计** 

CSS响应式设计是指使用CSS来使网页能够适应不同的屏幕尺寸。

**6. 学习CSS预处理器** 

CSS预处理器是用来扩展CSS功能的工具,比如Sass、Less等。

## 学习资源

我将在以下资源中学习CSS基础:

**1. 菜鸟教程** 

菜鸟教程是一个非常好的在线学习平台,提供丰富的CSS基础学习教程。

**2. W3School** 

W3School是一个提供各种网络技术教程的网站,其中包括CSS基础教程。

**3. MDN Web Docs** 

MDN Web Docs是Mozilla开发网络的官方文档网站,其中也提供CSS基础教程。

**4. 《CSS权威指南》** 

《CSS权威指南》是CSS领域的经典书籍,非常适合初学者学习CSS基础。

## 学习方法

我会按照以下方法来学习CSS基础:

**1. 阅读教程** 

首先我会阅读CSS基础教程,了解CSS基础知识。

**2. 练习题** 

在阅读教程之后,我会做一些练习题来巩固自己的学习成果。

**3. 实战项目** 

我会通过一些实战项目来应用自己的CSS基础知识。

## 每日学习计划

以下是我的每日学习计划:

**Day 1:**  学习CSS语法

**Day 2:**  学习CSS布局

**Day 3:**  学习CSS样式

**Day 4:**  学习CSS动画

**Day 5:**  学习CSS响应式设计

**Day 6:**  学习CSS预处理器

**Day 7:**  休息

**Day 8:**  复习CSS基础知识

**Day 9:**  做CSS练习题

**Day 10:**  完成CSS实战项目

## 总结

我相信,通过这个100天学习计划,我一定能掌握CSS基础知识,并成为一名合格的前端开发工程师。