你将学到的
  • CSS 运行基础
  • CSS 区块模型
  • CSS 基本样式
  • CSS 定位
  • CSS 浮动属性
  • CSS 基础语法
  • CSS 数值与单位
  • CSS 选择器
  • CSS 导航
课程内容
  共6个章节

知识点: 1.CSS概述 2.CSS运行机制 3.CSS语法 4.CSS数值与单位 5.CSS样式类型 6.区块模型

lab-classic 实验 2 CSS 基本样式

知识点: 1.样式化文字概述 2.基础文字和字体样式化 3.样式化列表 4.样式化链接 5.Web字体

lab-classic 实验 3 CSS 样式化区块

知识点: 1.区块模型 2.背景 3.图片 4.表格 5.轮廓 6.高级区块效果

知识点: 1.标签选择器 2.类选择器 3.ID选择器 4.通配符选择器 5.标签指定式选择器 6.后代选择器 7.并集选择器 8.属性选择器 9.伪类选择器

知识点: 1.CSS版面配置概述 2.定位 3.浮动 4.导航 5.NormalFlow 

知识点: 1.CSS样式 2.CSS选择器 3.CSS排版

课程介绍

实验任务

  • 学习 CSS 的运行机制和基础语法,完成谷歌图标的制作
  • 学习 CSS 的基础样式,并完成一个综合实例
  • 学习对区块进行样式化操作,完成一个酷炫的盒子设计
  • 学习 CSS 的多种样式选择器及样式的层叠性和继承性
  • 学习 CSS 定位、浮动、导航等排版知识
  • 综合利用所学知识制作一个简单的网页

先学知识

需要了解实验楼的基本操作,推荐学习 新手指南之玩转实验楼

课程难度

本课程难度为简单。

面向用户

本课程为 CSS 的入门课程,面向完全没有经验的新手,但推荐先学习 HTML 基础。

课程教师

哦嗨哟L 共发布过 9 门课程

查看老师的所有课程 >
实验楼楼+
实验楼会员