HTML和CSS核心-蜗牛学苑

首页 / Web前端开发 · 第一阶段:网页核心设计 / HTML和CSS核心

发布于 2022-02-09 · 69102 次观看

展开剩余

视频列表
评论
课程介绍
资料列表
教师笔记

01-网页介绍

17分钟 · 10230次播放

31%

02-网页结构

27分钟 · 2527次播放

03-开发工具

31分钟 · 2731次播放

04-文本标签

34分钟 · 6235次播放

33%

05-图片标签

28分钟 · 1767次播放

43%

06-超链接标签

19分钟 · 1404次播放

07-超链接标签

11分钟 · 1441次播放

08-Table标签

38分钟 · 1643次播放

09-Table标签

10分钟 · 1104次播放

10-Table布局

26分钟 · 2368次播放

11-表单组件

34分钟 · 1474次播放

12-表单标签

18分钟 · 971次播放

13-表单标签

21分钟 · 931次播放

14-列表标签

24分钟 · 1397次播放

99%

15-补充标签

16分钟 · 793次播放

16-样式来源

46分钟 · 1073次播放

17-样式来源-实战：12306页面

35分钟 · 1393次播放

18-选择器语法

32分钟 · 1164次播放

19-背景样式

49分钟 · 938次播放

20-雪碧图实现

31分钟 · 1171次播放

21-文本样式

38分钟 · 717次播放

22-行和块分类

18分钟 · 890次播放

23-行和块分类-拓展：div+css布局

23分钟 · 944次播放

24-行和块分类-拓展：豆瓣官网头部实战

47分钟 · 1219次播放

25-字体使用

29分钟 · 574次播放

26-字体图标设计

21分钟 · 572次播放

27-字体图标设计-实战：jq22官网头部

28分钟 · 726次播放

28-超链接

17分钟 · 491次播放

29-列表样式

21分钟 · 483次播放

30-列表样式-拓展：二级菜单的实现

9分钟 · 586次播放

31-列表样式-拓展：link和@import区别

8分钟 · 393次播放

32-列表样式-实战：jq22官网头部

50分钟 · 707次播放

33-标准盒模型

8分钟 · 559次播放

34-边框

16分钟 · 450次播放

35-边框

13分钟 · 384次播放

90%

36-内边距

19分钟 · 320次播放

37-外边距

28分钟 · 286次播放

38-IE盒模型

18分钟 · 390次播放

39-IE盒模型-拓展：width设置百分比和不设置

10分钟 · 368次播放

40-IE盒模型-实战：QQ安全中心头部

28分钟 · 515次播放

41-IE盒模型-实战：QQ安全中心

39分钟 · 632次播放

42-组合选择器

34分钟 · 471次播放

43-组合选择器

14分钟 · 364次播放

44-属性选择器

25分钟 · 1193次播放

45-伪类选择器

9分钟 · 316次播放

46-伪元素选择器

23分钟 · 359次播放

47-选择器权重

27分钟 · 328次播放

48-样式继承

17分钟 · 348次播放

49-样式继承-实战：百度翻译官网

55分钟 · 648次播放

50-浮动特点

28分钟 · 392次播放

51-浮动特点

10分钟 · 269次播放

52-清除浮动

32分钟 · 471次播放

34%

53-清除浮动-实战：豆瓣网热点内容

45分钟 · 511次播放

54-定位介绍

16分钟 · 1235次播放

37%

55-相对定位

17分钟 · 299次播放

56-绝对定位

23分钟 · 305次播放

82%

57-绝对定位

9分钟 · 251次播放

58-固定定位

17分钟 · 271次播放

59-固定定位-拓展：定位层级

14分钟 · 276次播放

60-固定定位-拓展：盒子居中技巧

24分钟 · 286次播放

61-清除浮动-实战：jq22官网最新插件

39分钟 · 576次播放

62-固定定位-实战：大麦网导航

50分钟 · 675次播放

63-固定定位-实战：伪元素导航

27分钟 · 659次播放

64-BFC基础

12分钟 · 678次播放

65-BFC应用场景

24分钟 · 1087次播放

66-IFC基础

11分钟 · 585次播放

67-IFC应用场景

30分钟 · 1288次播放

58%

共有条回复

{{replyComment.createTime | dateForMat(replyComment.createTime)}}

课程目标

熟练运用HTML和CSS样式属性完成页面的布局和美化，基于PSD原稿完成页面像素级还原布局和设计

知识要点

PhotoShop抠图、切片技巧、pxcook标注、Web前端开发环境、HTML常用标签、表单元素、CSS基础样式使用、字体图标设计

课程详情

20210816-01-前端体系介绍

2021-08-16 17:13:23 · 183次观看

20210816-02-前端体系介绍-typora软件

2021-08-16 17:13:55 · 27次观看

20210816-03-工具安装

2021-08-16 17:16:59 · 53次观看

20210816-05-图层介绍

2021-08-16 18:00:52 · 16次观看

20210817-01-选区工具

2021-08-17 10:59:14 · 5次观看

20210817-02-微信图标设计

2021-08-17 17:58:15 · 9次观看

20210817-03-魔棒工具

2021-08-17 12:15:40 · 4次观看

20210817-05-印章工具

2021-08-17 12:15:57 · 2次观看

20210817-06-钢笔工具

2021-08-17 14:42:04 · 5次观看

20210817-08-图片分类讲解

2021-08-17 16:15:57 · 7次观看

20210817-09-原稿切片

2021-08-17 19:36:57 · 5次观看

20210817-10-雪碧图设计

2021-08-17 19:37:18 · 13次观看

20210818-02-网页介绍

2021-08-18 10:57:42 · 62次观看

20210818-03-网页结构

2021-08-18 10:58:17 · 56次观看

20210818-05-文本标签

2021-08-18 14:40:24 · 74次观看

20210818-06-图片标签

2021-08-18 16:03:48 · 49次观看

20210818-07-超链接

2021-08-18 16:05:25 · 53次观看

20210818-09-Table标签

2021-08-18 17:58:56 · 109次观看

20210819-03-表单组件

2021-08-19 12:11:36 · 64次观看

20210819-04-表单标签

2021-08-19 11:43:24 · 72次观看

20210819-06-列表标签

2021-08-19 15:30:58 · 27次观看

20210819-07-补充标签

2021-08-19 16:26:51 · 20次观看

20210819-08-样式来源

2021-08-19 17:21:02 · 49次观看

20210820-02-选择器语法

2021-08-20 12:17:30 · 49次观看

20210820-03-背景样式

2021-08-20 12:18:05 · 54次观看

20210820-04-雪碧图实现

2021-08-20 14:50:27 · 34次观看

20210820-05-文本样式

2021-08-20 16:06:43 · 38次观看

20210820-06-行和块分类

2021-08-20 17:34:17 · 36次观看

20210823-02-字体使用

2021-08-23 11:28:04 · 39次观看

20210823-03-字体图标设计

2021-08-23 11:58:54 · 22次观看

20210823-05-超链接

2021-08-23 17:05:56 · 24次观看

20210823-06-列表样式

2021-08-23 17:06:25 · 33次观看

20210823-08-列表样式-拓展：link和@import区别

2021-08-23 17:57:32 · 54次观看

授课讲师

张瑞

8年软件开发及授课经验。擅长Photoshop、Illustrator等设计软件，了解UI设计规范，精通HTML、CSS、JS、BootStrap等Web前端技术，对多个前端架构都有深入研究。曾参与某粮仓智能管理系统、某旅游网站、某在线课堂网站、企业后台管理系统等的设计与开发工作。从事教学工作多年，擅长引导学生去思考，注重理论和实战结合，深入浅出，对学生认真负责，广获学员喜爱。

看看TA的主页

推荐课程

网页布局实战

徐朝波 · 5819人观看 · 3138分钟

网页布局实战

1. 熟练掌握HTML5、CSS3、Less、Sass，独立实现基础页面布局、页面性能优化、考虑用户性能体验 2. 熟练运用HTML+CSS特性完成页面布局、掌握常见的兼容性处理，浮动布局和弹性布局的对比和使用常见 3. 熟练应用CSS3技术，动画、弹性盒模型设计网页，熟练的完成页面动画设计，并优化网页的布局

网页核心布局标签、网页样式设计、导航样式、产品列表、选择器、雪碧图、浮动布局、标准盒子模型、表单样式、字体图标、样式继承、样式权重计算

加入收藏

监控、日志与CICD

王博 · 3人观看 · 456分钟

监控、日志与CICD

加入收藏

深入研究JVM底层原理

谭岚 · 2252人观看 · 283分钟

深入研究JVM底层原理

加强大家对JVM运行底层原理的理解

加强大家对JVM运行底层原理的理解。

加入收藏

Java语言基础

陈云 · 12872人观看 · 928分钟

Java语言基础

Java语言的语法基础

加入收藏

面向过程

高磊 · 4966人观看 · 780分钟

面向过程

开发环境；变量定义、赋值、运算、常见类型；数组；for、if、for-each、双层for、中断；自定义函数；

加入收藏

文本生成与AIGC

邓强 · 4313人观看 · 1378分钟

文本生成与AIGC

AIGC文本生成技术，NPLM概率语言模型，Seq2Seq模型，Transformer模型原理、注意力机制、编码器解码器、BERT模型、GPT 模型实现、RAG技术

AIGC文本生成技术，NPLM概率语言模型，Seq2Seq模型，注意力机制、Q/K/V、自注意力，多头注意力，注意力掩码、Transformer架构、编码器结构、解码器结构、自主开发和训练Transformer模型、RAG检索增强生成技术、利用文本数据集训练并实现文本生成

加入收藏

移动端自动化测试框架

张靖 · 2227人观看 · 173分钟

移动端自动化测试框架

完整框架搭建。拿来即用

1、开源代码如何新增功能 2、熟练使用AirTest进行移动端的自动化测试

加入收藏

存储与自动运维

唐海峰 · 69人观看 · 965分钟

存储与自动运维

加入收藏

深度学习与神经网络

邓强 · 4573人观看 · 1254分钟

深度学习与神经网络

深度神经网络、CNN卷积神经网络、RNN循环神经网络、激活函数、Keras与Pytorch构造神经网络

神经网络工作原理、损失函数与激活函数、神经网络分层原理、模型评估与优化、预测客户流失率项目、利用CNN网络识别狗的图像、利用RNN鉴定中文的情感属性、CNN与RNN联合使用、基于CNN的MNIST手写体识别（Keras与Pytorch）、模型量化与压缩

加入收藏

Java和CVE漏洞复现

邓强 · 8173人观看 · 2235分钟

Java和CVE漏洞复现

1、能够利用各类安全漏洞网站的公开漏洞，或者利用搜索引擎及时查寻各类最新漏洞，并复现相应漏洞 2、分析和复现各类CVE漏洞，并在PHP和系统之外，积累更多漏洞知识和经验，理解其形成机制，提升综合竞争力 3、综合运用前述知识，从技术、方案、实现、优化等方面，初步达到中级网络安全工程师的能力

Java漏洞利用：Log4J2、JWT、Shiro、FastJSON、Spring、Spring-Cloud、Spring-Security、Weblogic、Tomcat、ActiveMQ、Struts2、Jboss、ysoserial工具使用、Java反序列化利用链分析，Django漏洞、Office RCE漏洞、Jenkins漏洞、WordPress漏洞、Drupal漏洞、各类CMS漏洞、各类OA漏洞，SRC众测平台实战

加入收藏

数据通信与安全服务 / 安全设备与运营

高鹏 · 95人观看 · 699分钟

数据通信与安全服务 / 安全设备与运营

加入收藏

Linux系统移植

罗召勇 · 2537人观看 · 1602分钟

Linux系统移植

对常用系统进行移植，移植车机QT文件系统。移植各通信协议的驱动，实现基于通信协议的车辆控制，如车辆行驶状态信息读取、雷达数据、车辆空调控制等功能，并可实时监测并提醒驾驶员疲劳驾驶或超速等。实现将车机系统的界面程序移植到开发板上运行，可定制的仪表盘和信息娱乐界面，并可通过QT界面控制程序控制车辆的车窗、坐椅、空调等功能。

驱动移植，安卓系统移植，鸿蒙系统移植，文件系统构建

加入收藏

基本信息

联系信息

上传资料