国外课栈 - 国外电子信息技术视频教程、电子书和博文栈
CSS - 完整指南(包括Flexbox,Grid和Sass)
|
联系方式
CSS - 完整指南(包括Flexbox,Grid和Sass)
类别: 视频教程
格式: MP4
概述 | Overview

CSS - The Complete Guide (incl,Flexbox,Grid and Sass)


首次学习CSS或提高CSS技能并深入学习

学习

  • 了解选择器和组合器的基础知识,以及如何设置样式规则

  • 属性,值和声明

  • 如何指定和继承工作以及为什么称为“层叠样式表”

  • 重要的理论概念,如“盒子模型”

  • 如何更改元素的默认位置

  • 样式背景(如渐变)和图像

  • 您通常在CSS中使用的单位和维度(px,rem,%等)

  • JavaScript和CSS如何交互

  • 响应式设计和“移动优先”的含义

  • 样式表单和表单输入

  • 使用文本,字体和文本样式

  • Flexbox的!它是如何工作的以及如何使用它

  • 使用CSS Grid,看看它与Flexbox的区别

  • 借助CSS转换和动画HTML元素

  • 使用CSS变量或最佳实践类名等功能编写面向未来的CSS

  • 使用Sass并了解它的全部内容

关于

每个Web开发人员都必须了解CSS。CSS,Cascading Style Sheets的缩写,是一种“编程语言”,用于将原始HTML页面转换为非常漂亮的网站。本课程涵盖了所有内容。我们从基础开始,逐渐深入挖掘。我们通过向您展示实际示例及其背后的理论来实现此目的。


CSS入门可能看起来很简单,但实际上CSS有很多深度,所以本课程提供了不同的“曲目”或“入口点”来完全满足您的需求并反映您当前的知识水平:

基础知识跟踪:从头开始,从头开始学习CSS。你从讲座1开始,直到最后。

高级课程:您已经了解了CSS基础知识,您知道选择器是什么以及它是如何工作的,但您希望深入了解并学习一些高级功能和用法。

专家跟踪:您也掌握了高级知识,但您想深入了解Flexbox,CSS Grid,CSS Variables或Sass等内容。这条曲目适合你。

在课程项目中,我们将构建一个虚构的网络托管公司的前端(没有后端)。我们将有一个不同部分的起始屏幕,具有动画侧抽屉的响应式设计,模态和表格,以及许多CSS动画,字体样式等等!


本课程的所有代码和支持文件均可在以下网址获得:https:  //github.com/PacktPublishing/CSS---The-Complete-Guide-incl.-Flexbox-Grid-and-Sass-/tree/master


本课程提供理论和实践示例 - 我们将在整个课程中构建一个完整的真实课程项目 - 但是,您还需要进行多项任务,测验和挑战,以练习整个课程中教授的个人概念。


特点

  • 建立漂亮的网站,不仅包含优秀的内容,但也很好看

  • 使用基本和高级CSS功能

  • 理解CSS和某些CSS功能背后的概念和理论

视频总目录(时长:20时43分)

入门

深入CSS基础知识


下载链接需求

下载链接需求

仅填写视频教程、视频集或电子书名称,提交至后台处理

您没有登录,不能提交,请先
名称
*
提交
会员登录
登录
我的资料
留言
回到顶部