|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/css-estilize-seu-site/
课程评论:没有评论
**课程名称:CSS - Estilize seu site!** **课程概述:** 本课程是 Coursera 前端开发系列课程的第二部分,旨在教授学员如何使用 CSS(层叠样式表)来美化和设计网页。通过本课程,您将学习如何为 HTML 元素应用颜色、尺寸、字体、文本和盒子模型样式、定位等,让您的网站更具视觉吸引力。 **学习内容:** * **CSS 基础:** 如何将 CSS 应用于 HTML,CSS 选择器的概念,CSS 注释的写法,CSS 中的色彩原理,字体颜色和背景颜色的应用,阴影效果。 * **盒模型与布局:** CSS 中的各种尺寸单位,盒模型(Box-model)的概念,设置元素的宽度和高度,应用边框样式,设置外边距(margin)和内边距(padding)。 * **文本样式:** 定义字体系列,了解 Web 字体、Web 安全字体,以及如何应用自定义字体,设置文本大小,应用粗体、斜体、下划线等文本样式,以及如何改变文本的大小写。 * **背景样式:** 应用背景图片,设置背景图片的定位,以及学习使用渐变。 * **响应式设计:** 创建响应式网站的断点(breakpoints),深入学习 Flexbox 和 Grid 布局,了解它们如何帮助实现响应式布局。 * **高级 CSS:** CSS 动画和过渡效果,纯 CSS 实现下拉菜单。 * **实践应用:** 通过实际练习巩固所学知识。 **课程特色:** * 本课程适合任何有 HTML 基础的学习者,即使没有完成前一门课程也能轻松跟上。 * 课程内容涵盖了从基础到高级的 CSS 知识,并包含大量的实践练习。 * 学习目标是让您的网站从视觉上更具吸引力和专业性。 **立即报名,开启您的前端设计之旅!**
Venha aprender a estilizar seus sites com o CSS, aplicando cores, medidas, fontes, estilização de textos e caixas, posicionamento e muito mais. A linguagem CSS foi criada para transformar o HTML em algo visualmente agradável e chamativo.Este é o segundo curso da Série Front-end do começo: Desenvolvimento Web onde vamos aprender a fundo as linguagens base da Web, o HTML, CSS e JS.Continuando do módulo I e II, neste módulo vamos ver o começar a aplicar CSS de maneira a começar a estilizar os sites, dando cores, fontes, e melhorando sua aparência.Mas não se preocupe, se você tem conhecimento de HTML, mesmo não tendo feito o módulo anterior, vai poder acompanhar este curso tranquilamente.Vamos aprender:Como aplicar o CSS ao nosso HTMLO que são seletoresComo escrever comentários em CSSComo funcionam as cores em CSSComo aplicar cor de fonte e de fundoComo aplicar SombrasTipos de Medidas em CSSO que é o Box-modelComo aplicar largura e altura em CSSComo aplicar bordas em CSSComo aplicar margens e enchimento em CSSO que eu faço quando meu conteúdo é maior do que a minha caixaQual a diferença entre Outline e BordaVamos aprender a estilizar texto:Como definir a família da nossa fonteO que são Web Fonts, Web Safe Fonts e como aplicar fontes personalizadasComo definir o tamanho do nosso textoComo aplicar estilos ao nosso texto como negrito, itálico, sublinhas e outrosComo colocar um texto todo em caixa alta ou baixa visualmente sem afetar o originalComo estilizar fundos:Como aplicar imagens de fundoComo posicionar imagens de fundoGradientesCriar breakpoints para sites responsivosAprender os diferentes seletores a fundoFlex-box e Grid, e como podem ajudar a criar um layout responsivoAnimações e transiçõesMenu dropdown em puro CSSVamos aplicar nosso conhecimento com exercícios práticosE muito mais!Então não perca tempo! Inscreva-se já!