HTML+CSS 快速上手-免费在线视频教程-php中文网

/ 注册

HTML+CSS 快速上手

本课从0开始，实际案例带你快速掌握HTML+CSS和网页布局，声明自己的样式框架，企业级开发规范，并通过开发整套项目模板，达到灵活运用！

初级

css

html

65656人学习

95课时

12小时21分钟17秒课程总时长

2023-03-20更新

PHP中文网

金牌讲师

共有134课程学员208555人讲师评分5.6

认证高级PHP讲师更多>>

php全栈web开发课程（一对一解疑指导，全程陪伴学习！）

总价：￥9384

套餐价：￥2200

节省￥7184

全套购买

共11门课程 881课时 12天16小时01分钟44秒

Redis基础课程单购：￥199

Git版本控制工具单购：￥29

通用后台管理系统开发（Laravel）

通用后台管理系统开发（Laravel）单购：￥169

PHP Workerman 基础与实战：即时通讯聊天系统（ThinkPHP6）

PHP Workerman 基础与实战：即时通讯聊天系统（ThinkPHP6）单购：￥399

前端基础到实战（HTML5+CSS3+ES6+NPM）

前端基础到实战（HTML5+CSS3+ES6+NPM）单购：￥1200

PHP基础到实战（PHP+MySQL）

PHP基础到实战（PHP+MySQL）单购：￥1200

Vue3+TP6+API 社交电商系统实战（前后端分离）

Vue3+TP6+API 社交电商系统实战（前后端分离）单购：￥1200

前后端分离的商城系统（Vue3+Laravel8+Uniapp）

前后端分离的商城系统（Vue3+Laravel8+Uniapp）单购：￥2400

ThinkPHP配置开发与CMS后台实战

ThinkPHP配置开发与CMS后台实战单购：￥1200

微信小程序记账本开发实战单购：￥800

Thinkphp5.1开发实战

Thinkphp5.1开发实战单购：￥588

课程介绍课程大纲资料下载其他课程

您将会学到：

做个好前端，布局是关键！本课从0开始，实际案例带你快速掌握HTML+CSS，达到灵活运用，非常适合需要实战恶补的同学！

HTML+CSS 快速上手

第1章认识大前端及学习准备试看
展开收起

第1节 vscode安装配置-常用插件详解（字幕版）试看
时长：41分钟01秒

第2节工欲善其事，必先利其器之webStorm安装试看
时长：06分钟36秒

第3节前端程序员可开发的程序范畴试看
时长：07分钟42秒

第4节如何区分H5、WEB前端、大前端、WEB全栈？试看
时长：08分钟06秒
第2章 HTML中常用标签及属性
展开收起

第1节 HTML超文本标记语言--超在那里？
时长：08分钟10秒

第2节 HTML主体结构与相关标签
时长：05分钟55秒

第3节 HTML十六进制颜色值与注释
时长：05分钟57秒

第4节 HTML实体字符的使用
时长：04分钟51秒

第5节 head标签中常用标签解析
时长：11分钟09秒

第6节 body里的文本与文本格式标签
时长：08分钟39秒

第7节 H5新晋级的文本格式标签
时长：09分钟24秒

第8节语义化标签与列表布局标签
时长：07分钟29秒

第9节 a标签需要注意的路径与跳转方式问题
时长：06分钟19秒

第10节实例讲解多媒体标签
时长：11分钟38秒

第11节前端海量标签的记忆技巧
时长：05分钟05秒

第12节 markdown语法全解
时长：13分钟18秒

第13节细说table标签
时长：10分钟12秒

第14节全方位解析与form表单相关的元素-上
时长：08分钟50秒

第15节全方位解析与form表单相关的元素-下
时长：09分钟08秒

第16节内联标签iframe的使用
时长：02分钟06秒
第3章不在裸奔，走进CSS世界
展开收起

第1节走进css世界--css的若干种引用方式
时长：08分钟42秒

第2节 css选择器--基本选择器解析
时长：05分钟32秒

第3节 css选择器--层级选择器解析
时长：05分钟10秒

第4节 css选择器--结构性伪类选择器解析--上
时长：11分钟25秒

第5节 css选择器--结构性伪类选择器解析--下
时长：09分钟44秒

第6节 css状态伪类选择器以及选择器优先级
时长：06分钟20秒

第7节 css-font字体属性
时长：04分钟01秒

第8节 css-text文本属性
时长：02分钟58秒

第9节 css--background背景属性
时长：03分钟49秒

第10节课堂总结与章节作业布置
时长：03分钟08秒
第4章 CSS样式及布局控制
展开收起

第1节 CSS宽高尺寸属性
时长：09分钟22秒

第2节 CSS导航列表属性
时长：05分钟50秒

第3节 CSS定位属性--固定fixed
时长：06分钟01秒

第4节 CSS定位属性--相对定位relative
时长：03分钟17秒

第5节相对定位与绝对定位的关系--上
时长：09分钟24秒

第6节相对定位与绝对定位的关系--下
时长：09分钟05秒

第7节 CSS布局属性控制元素的隐藏与显示
时长：10分钟57秒

第8节 CSS控制div左右浮动
时长：10分钟34秒

第9节标准盒模型与浮动的结合使用
时长：10分钟37秒

第10节如何解决div外边距重合问题
时长：06分钟21秒

第11节盒子大小与内外边距及边框的关系
时长：05分钟12秒

第12节 box-sizing属性解决盒子换行的问题
时长：01分钟30秒

第13节弹性盒模型--伸缩盒布局
时长：08分钟14秒

第14节伸缩盒实现多级导航联动
时长：12分钟40秒
第5章实战之定义布局框架文件
展开收起

第1节深入解析弹性盒模型属性设置-上
时长：11分钟19秒

第2节深入解析弹性盒模型属性设置-下
时长：06分钟21秒

第3节企业网站的页面布局分析
时长：04分钟16秒

第4节定义框架底层样式文件
时长：11分钟35秒

第5节设置框架的弹性布局公共样式
时长：06分钟48秒

第6节设置框架的边框公共样式
时长：03分钟48秒

第7节设置框架的边距公共样式
时长：08分钟21秒

第8节设置框架的其他公共样式
时长：03分钟50秒

第9节项目中引入公共样式圆角边框
时长：07分钟34秒

第10节如何在项目中引入iconfont字体图标
时长：09分钟02秒

第11节实战--定义头部公共模板文件
时长：05分钟24秒

第12节实战--定义优雅的搜索框样式
时长：06分钟17秒

第13节实战--设置字体图标的样式背景与居中对齐
时长：05分钟31秒

第14节实战--设置nav导航栏的基本样式
时长：07分钟31秒
第6章实战之动画及公共头部试看
展开收起

第1节文字阴影与背景颜色径向渐变试看
时长：04分钟55秒

第2节 CSS实现盒子的转换与过渡效果试看
时长：08分钟22秒

第3节实战--css动画效果与动画轮播-上试看
时长：08分钟19秒

第4节实战--css动画效果与动画轮播-下
时长：07分钟09秒

第5节实战--css3实现用伪类写导航下划线动画效果
时长：04分钟48秒

第6节实战--实现二级菜单样式与动画效果
时长：10分钟06秒

第7节实战--实现侧边栏固定效果-上
时长：08分钟14秒

第8节实战--实现侧边栏固定效果-下
时长：03分钟31秒

第9节实战--实现底部footer的样式布局
时长：09分钟31秒

第10节实战--实现首页商品导航效果
时长：10分钟37秒

第11节实战--商品展示区的头部布局
时长：08分钟52秒

第12节实战--商品卡片的样式布局-上
时长：05分钟14秒

第13节实战--完成商品卡片的动画效果
时长：06分钟42秒

第14节实战--商品卡片的样式布局-下
时长：04分钟49秒
第7章实战之列表页及详情页
展开收起

第1节实战--完成面包屑导航的样式布局
时长：05分钟35秒

第2节实战--完成商品排序方式的动画效果-上
时长：14分钟22秒

第3节实战--完成商品排序方式的动画效果-下
时长：08分钟16秒

第4节实战--完成商品列表页样式布局
时长：06分钟12秒

第5节实战--完成商品基本信息区的样式布局
时长：10分钟38秒

第6节实战--完成商品基本信息区的样式布局02
时长：08分钟03秒

第7节实战--完成商品基本信息区的样式布局03
时长：04分钟21秒

第8节实战--商品详情的样式布局01
时长：08分钟26秒

第9节实战--商品详情的样式布局02
时长：11分钟45秒

第10节实战--猜你喜欢区域的样式布局
时长：11分钟16秒
第8章实战之购物车及订单页
展开收起

第1节商城购物车的样式布局01
时长：11分钟40秒

第2节商城购物车的样式布局02
时长：10分钟32秒

第3节商城购物车的样式布局03
时长：11分钟44秒

第4节订单预览页--收件信息样式布局
时长：13分钟04秒

第5节订单预览页--支付方式样式布局
时长：06分钟11秒

第6节订单预览页--订单内容样式布局01
时长：10分钟15秒

第7节订单预览页--订单内容样式布局02
时长：06分钟00秒

第8节商城个人中心页面的结构分析
时长：08分钟56秒

第9节订单页与@media查询-上
时长：06分钟41秒

第10节订单页与@media查询-下
时长：07分钟06秒

资料名称操作
[必看]HTML+CSS 实战极速入门付费用户专享

PHP中文网讲师其他课程

初级html5中文手册

5466次学习
收藏
初级Markdown使用视频教程（程序员写作利器）

23654次学习
收藏
初级第五期_前端基础

98655次学习
收藏
初级CSS 2.0中文手册

6028次学习
收藏
初级CSS 3.0参考手册

3757次学习
收藏
高级让布局像5G一样快：CSS Grid网格布局

22967次学习
收藏
高级玩转CSS Flexbox弹性盒子布局

20526次学习
收藏
初级HTML+CSS 快速上手

65657次学习
收藏
初级最懂你的大前端课：HTML5/CSS3/ES6/NPM/Vue/...【原创】

106406次学习
收藏
初级Bootstrap3参考手册

3318次学习
收藏
初级Foundation5手册

882次学习
收藏
初级HTML5/CSS3/JavaScript/ES6入门课程

6909次学习
收藏

到手价：￥99

折

VIP会员尊享 VIP60+门课程免费看

券

参与满减优惠活动具体使用规整以优惠券为准

立即购买

本课程包括：

12小时21分钟17秒视频随时观看

1下载资源

课程相关内容，一对一答疑问

30分钟无理由退款

热门课程最新课程

更多>

79课时
最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课) 1354035次学习
89课时
独孤九贱(4)_PHP视频教程 1174913次学习
49课时
PHP实战天龙八部之仿爱奇艺电影网站 729092次学习
151课时
PHP入门视频教程之一周学会PHP 1419343次学习
31课时
ThinkPHP5实战之[教学管理系统] 690529次学习

课程套餐

php全栈web开发课程（一对一解疑指导，全程陪伴学习！）

共11门课程 881课时 12天16小时01分钟44秒

套餐价￥2200

原价：￥9384 节省：￥7184

Redis基础课程单购：￥199

Git版本控制工具单购：￥29

通用后台管理系统开发（Laravel）

通用后台管理系统开发（Laravel）单购：￥169

PHP自学零基础课程

共3门课程 307课时 04天08小时00分钟15秒

套餐价￥368

原价：￥1297 节省：￥929

HTML5/CSS3/JavaScript/ES6入门课程

HTML5/CSS3/JavaScript/ES6入门课程单购：￥399

PHP+MySQL基础入门课程

PHP+MySQL基础入门课程单购：￥399

ThinkPHP6/后台管理/支付系统--实战开发

ThinkPHP6/后台管理/支付系统--实战开发单购：￥499

关于我们免责申明意见反馈讲师合作广告合作技术文章: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

Copyright 2014-2023 https://www.php.cn/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

| 本站CDN由数掘科技提供

精品班

技术支持

技术咨询

学习群

会员优惠

返回顶部