<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<title>CSS3基础视频教程详解可在线观看及免费下载 - 好程序员</title>
<meta name="keywords" content="CSS3基础视频,CSS3基础教程,CSS3视频教程,CSS3视频教程下载" />
<meta name="description" content="好程序员CSS3基础视频教程不仅内容丰富、详细，而且为学员提供在线观看和免费下载服务，非常适合零基础的同学来学习。" />
<link href="css/android_new.css" type="text/css" rel="stylesheet">
<link href="/css/good_head_foot.css" rel="stylesheet" type="text/css">
<link href="/css/good_index.css" rel="stylesheet" type="text/css">
<link type="text/css" rel="stylesheet" href="/css/good_lb_nr.css">
<link rel="stylesheet" href="/css/common.css">
<link rel="stylesheet" href="css/2015_base.css">
<script src="js/mobile_index.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?590322d0e8b2897d5f23799448aac5e4";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<div class="cx_top">
<div class="base">
<p class="cx_top_pro">
好程序员-千锋教育旗下高端IT职业教育品牌<a href="javascript:void(0);" class="cx_top_wx">关注微信<span class="cx_top_span"></span></a><a href="http://weibo.com/goodprogrammer/" class="cx_top_xl" target="_blank">新浪微博</a>
</p>
<!-- <div class="cx_top_login">
<a rel="nofollow" href="http://bbs.goodprogrammer.org/sys/index.php" target="_blank">登入报名系统</a>
</div> -->
</div>
</div>
<div style="background:#fff;">
<div class="cx_header base">
<div class="cx_logo">
<h1 title="好程序员特训营"><a href="/" target="_blank"><img src="http://www.goodprogrammer.org/img/logo1.jpg" height="61" width="187" alt="好程序员特训营"></a></h1>
</div>
<!-- <div class="cx_fx">
<a href="/" target="_blank" class="cx_fx_a1">北京（总部）</a><a href="/zt/sz.html" target="_blank" class="cx_fx_a3">深圳</a><a href="/zt/sh.html" target="_blank" class="cx_fx_a2">上海</a>
</div> -->
<div class="cx_header_rg"><img src="/img/good_index/xinzi.jpg" alt="起薪10000，只有我们做到了" height="60"></div>
</div>
</div>
<div class="nav_main">
<div class="nav">
<div class="base">
<div>
<span>我想...</span>
<a href="/" target="_blank">首页</a>
<a href="javascript:void(0)">课程简介</a>
<a href="/video.html" target="_blank">视频教程</a>
<!-- <a href="/open/" target="_blank">在线公开课</a> -->
<a href="/teacher/" target="_blank">教学团队</a>
<a href="/question/" target="_blank">常见问题</a>
<a rel="external nofollow" href="http://bbs.mobiletrain.org/forum-325-1.html" target="_blank">技术论坛</a>
<i></i>
</div>
</div>
</div>
</div>
<div class="pull_down">
<div class="base pull_down_one clear">
<div class="tab_one clear">
<div>
<h6>报名流程与培养目标</h6>
<P>
<a href="/question/147.html" target="_blank">? 好程序员报名条件</a>
<a href="/question/129.html" target="_blank">? 没有基础如何成功入学</a>
<a href="/video.html" target="_blank">? 查看学员入学基础视频教程</a>
</P>
<a href="http://www.goodprogrammer.org/about/ " class="tab_click" target="_blank">点击了解好程序员</a>
</div>
<div>
<h6>课程大纲</h6>
<P>
<a href="http://www.goodprogrammer.org/dagang/big_data/index.html" target="_blank">? 查看大数据+人工智能课程大纲</a>
<a href="http://www.goodprogrammer.org/dagang.html" target="_blank">? 查看全栈HTML5+课程大纲</a>
<a href="http://www.goodprogrammer.org/dagang/java/" target="_blank">? 查看Java+云计算课程大纲</a>
<a href="/question/137.html" target="_blank">? 高端班就业保障</a>
</P>
</div>
<div>
<h6>走进好程序员</h6>
<P>
<a href="/question/131.html" target="_blank">? 关于我们</a>
<a href="/question/133.html" target="_blank">? 就业和服务</a>
<a href="http://tb.53kf.com/code/client/10132404/2" target="_blank">? 在线咨询</a>
</P>
</div>
<div>
<img src="/d/file/PIC/iWANT/2016-07-05/2fff5a36b118520d4c2389a1617cb1bc.jpg">
</div>
</div>
</div>
<div class="base pull_down_two">
<div class="tab_two clear">
<div class="tab-dh">
<span class="nei_on">课程简介</span>
<span>课程大纲</span>
</div>
<div class="picScroll-base">
<div class="picScroll picScroll-0">
<div class="hd">
<ul></ul>
</div>
<div class="bd">
<ul class="tab2_qh clear" style="display:block;">
<li>
<a href="http://www.goodprogrammer.org/topic/big_data/" target="_blank"><img src="/d/file/CJ/CL/2017-07-28/07b11325613e46623800684e9dc23d73.jpg" width="243">
<h5>大数据+人工智能课程简介</h5>
<p><p>千锋大数据开发紧贴行业发展，前瞻未来需求。爬虫技术挖掘数据价值，直击大数据核心，助攻核心竞争力。开发，收集，存储，计算一站到底，20周带你一站式搞定匪夷所思的大数据开发技术。</p></p></a>
</li>
<li>
<a href="/html5/index.html?" target="_blank"><img src="/d/file/CJ/CL/2016-07-12/00bab1e867e83825d898d03e57408585.jpg" width="243">
<h5>全栈HTML5+课程简介</h5>
<p><p>历时1年精心打造，涵盖PC terminal、Mobile terminal、Hybrid开发前端与后端。广而全、深而精的全栈工程师、架构师进阶之路，独有项目联动，正统hybrid开发，前8周课程涵盖基础班4个月课程。</p></p></a>
</li>
<li>
<a href="http://www.goodprogrammer.org/topic/javaee/" target="_blank"><img src="/d/file/CJ/CL/2017-05-26/19f24037584f6665817f552bd0354c8b.jpg" width="243">
<h5>Java+云计算课程简介</h5>
<p><p>全程面授Java+云数据培训，纯手工，更珍惜。4个实战项目，保证学员毕业已是身经百战的职场精英。一天为单位，细化有效的保证学员的学习效果；周周考试，检验学员的学习进度。</p></p></a>
</li>
<li>
<a href="/topic/android/" target="_blank"><img src="/d/file/CJ/CL/2016-07-05/ca5ad618e01f7cb3c7786df4604d63d9.jpg" width="243">
<h5>Android开发课程简介</h5>
<p> <p>以高端工程师为培养目标，涵盖Java 语言强化、Java Web开发、Android应用开发、混合开发等专业课程。每阶段涵盖多个实战项目，每个知识点均对应项目中实际功能，让学员掌握更多经典项目设计与实现思路。</p></p></a>
</li>
<li>
<a href="/iossite/" target="_blank"><img src="/d/file/CJ/CL/2016-07-05/bbb2a1a85284d3fcb06d13d2f4e27e09.jpg" width="243">
<h5>iOS开发课程简介</h5>
<p> <p>本套课程致力于项目开发工程师的培养，使学员能够独立设计并完成从需求-产品原型-接口规范文档-代码编写-测试-上线发布。在主流技术深入讲解的同时，更深度剖析Apple的设计思想，让学员站得高、看得远。</p></p></a>
</li>
</ul>
</div>
</div>
<div class="picScroll-2 picScroll-0">
<div class="hd">
<ul></ul>
</div>
<div class="bd">
<ul class="tab2_qh clear">
<li>
<a href="http://www.goodprogrammer.org/dagang/big_data/index.html" target="_blank"><img src="/d/file/CJ/CO/2017-08-03/f0593267e78e94efd47fc6ff324f1dea.jpg" width="243">
<h5>大数据+人工智能课程大纲</h5>
<p><p>Java语言基础，HTML、CSS与javascript，javaWeb与数据库，Linux基础，Hadoop生态体系，Spark生态体系，Storm实时开发，项目实战，八大学习阶段，全力培养未来高端大数据专业人才。</p></p></a>
</li>
<li>
<a href="/dagang.html?" target="_blank"><img src="/d/file/CJ/CO/2016-07-12/d0f03984918729cc5574d54f060c7663.jpg" width="243">
<h5>全栈HTML5+课程大纲</h5>
<p> <p>课程体系涵盖了Hybrid开发的前端与后端，JAVASCRIPT高级编程、H5+Hybrid移动端、React+Node.js全栈一站式学习，更涉及JS原生、WebApp+HybridApp+NativeApp +Node.js全栈覆盖深入讲解。</p></p></a>
</li>
<li>
<a href="http://www.goodprogrammer.org/dagang/java/" target="_blank"><img src="/d/file/CJ/CO/2017-05-26/ccd3d0d896370b89b5216dab38db822f.jpg" width="243">
<h5>Java+云计算课程大纲</h5>
<p><p>JavaSE+JavaWeb阶段，JavaEE企业级框架阶段，云数据与超大并发阶段，阶段性专业知识项目实战，更准确的掌握学员的学习进度和知识掌握程度。项目实战，层层递进，手把手带着学员独立做项目，大数据、云计算让技术更先进。</p></p></a>
</li>
<li>
<a href="/androidsite/androidcourse.html?" target="_blank"><img src="/d/file/CJ/CO/2016-07-05/5d473961c6dd2b67ca455ca70bd98723.jpg" width="243">
<h5>Android开发课程大纲</h5>
<p> <p>完整涵盖Android新特性、bluetooth蓝牙通信、手机支付、XMPP即时通信、AXURE产品原型设计、JNI技术、google大力推出开发工具Android studio、google电子应用市场项目、物联网嵌入式智能家居开发</p></p></a>
</li>
<li>
<a href="/iossite/ioscourse.html?" target="_blank"><img src="/d/file/CJ/CO/2016-07-12/8265604bfce107649dfd174859ff4b67.jpg" width="243">
<h5>iOS开发课程大纲</h5>
<p> <p>课程体系涵盖iOS企业开发中的热门技术，保持与主流开发技术同步，通过实战项目带动学员实际开发能力，掌握团队协作开发流程及方法，快速积累项目开发经验，深入掌握iOS系统、框架、各类开源架构以及应用层开发。</p></p></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wrap">
<div class="wrap_top">
<div class="wrap_top_main clear">
<a href="http://bbs.goodprogrammer.org/thread-179784-1-1.html" target="_blank" class="wrap_top_left">
<img src="img/android_new/CSS3jichu.jpg">
</a>
<div class="wrap_top_right">
<h1>好程序员CSS3基础视频教程</h1>
<p>适用人群：<span>适用于零基础入学者</span></p>
<p>课程简介：<span>本套课程内容涵盖html标签基础，css样式，js基础入门，结合实际项目，由浅入深，循序渐进。使学员能够完成基本网页设计和基础js效果网页特效。</span></p>
<div class="wrap_top_button">
<a href="http://www.codingke.com/v/223-course-223-course" target="_blank">在线观看</a>
<a href="http://pan.baidu.com/share/link?shareid=1596019774&uk=526516628#path=%252F%25E5%258D%2583%25E9%2594%258B%25E6%2595%2599%25E8%2582%25B2%25E8%25A7%2586%25E9%25A2%2591%252F%25E5%258D%2583%25E9%2594%258B%25E6%2595%2599%25E8%2582%25B2HTML5%25E5%25BC%2580%25E5%258F%2591%25E8%25A7%2586%25E9%25A2%2591%252F04.%25E5%258D%2583%25E9%2594%258B%25E6%2595%2599%25E8%2582%25B2HTML5%25E5%2588%259D%25E7%25BA%25A7%25E5%25BC%2580%25E5%258F%2591%25E8%25A7%2586%25E9%25A2%2591_CSS3%25E5%259F%25BA%25E7%25A1%2580" target="_blank" class="button_02">免费下载</a>
</div>
</div>
</div>
</div>
<div class="main clear">
<div class="left" style="height:1480px;">
<div class="tab clear">
<span class="on moren">课程目录</span>
<span>课程介绍</span>
</div>
<div class="left_main" style="display:block;">
<div class="main_list">
<div class="title">
<div class="zimu">Week1</div>
</div>
<ul>
<li>
<div class="clear">
<span class="list_01">01 简介和浏览器前缀</span>
</div>
</li>
<li>
<div class="clear">
<span class="list_01">02 属性选择器</span>
</div>
</li>
<li>
<div class="clear">
<span class="list_01">03 结构伪类选择器1</span>
</div>
</li>
<li>
<div class="clear">
<span class="list_01">04 结构伪类选择器2</span>
</div>
</li>
<li>
<div class="clear">
<span class="list_01">05 状态伪类选择器1</span>
</div>
</li>
<li>
<div class="clear">
<span class="list_01">06 状态伪类选择器2</span>
</div>
</li>
<li>
<div class="clear">
<span class="list_01">07 其他选择器</span>
</div>
</ul>
</li>
<div class="title">
<div class="zimu">Week2</div>
</div>
<li>
<ul>
<div class="clear">
<span class="list_01">08 文本属性1</span>
</div>
</li>
<li>
<div class="clear">
<span class="list_01">09 文本属性2</span>
</div>
</li>
</ul>
</div>
</div>
<div class="left_main teshu">
<div class="left_word">
<p>
本套课程内容涵盖html标签基础，css样式，js基础入门，结合实际项目，由浅入深，循序渐进。使学员能够完成基本网页设计和基础js效果网页特效。
</p>
</div>
</div>
</div>
<div class="right">
<div class="p1">
<h4 class="clear">
<span class="sp_01">主讲</span>
<span class="sp_02"></span>
</h4>
<p>扣丁学堂是北京千锋互联科技有限公司旗下的在线教育平台，是中国IT教育O2O模式的领导品牌。通过线上线下相结合的形式，全方位的服务学员。专注于移动互联网领域课程的研发和录制，目前课程有开发热门的iOS、Android、UI、HTML5、PHP、JavaEE 等课程。</p>
</div>
<div class="p2">
<h6>
你会学到哪些?
</h6>
本套课程内容涵盖html标签基础，css样式，js基础入门，结合实际项目，由浅入深，循序渐进。使学员能够完成基本网页设计和基础js效果网页特效。
</div>
<div class="p3">
<h6>
相关课程
</h6>
<a href="http://www.goodprogrammer.org/zt/htmlcss.html" target="_blank">
<img src="img/android_new/prc_3.jpg">
<p>HTML+CSS基础完整版课程</p>
</a>
<a href="http://www.goodprogrammer.org/zt/jsvideo.html" target="_blank">
<img src="img/android_new/prc_2.jpg">
<p>JavaScript基础超长精讲150课时完整版</p>
</a>
<a href="http://www.goodprogrammer.org/zt/phpvideo.html" target="_blank">
<img src="img/android_new/prc_1.jpg">
<p>PHP基础语法更新中</p>
</a>
</div>
<p class="click">
点击加载更多
</p>
</div>
</div>
<!-- cnzz -->
<div style="display: none;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1262695903'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1262695903' type='text/javascript'%3E%3C/script%3E"));</script></div>
<div class="good_bottom">
<div class="base">
<h6>BUILDING A BETTER CONNECTED WORLD</h6>
<ul class="clear">
<li class="bot_left">
<div class="bot_tab_title">
<span class="bot_on">北京</span>
<span>深圳</span>
<span>上海</span>
</div>
<div class="bot_tab_nr">
<p style="display:block;">北京天丰利校区(总部)：北京市海淀区宝盛北里西区28号天丰利商城4层<br />北京沙河校区：北京市昌平区沙阳路18号北京科技职业技术学院广场服务楼2、3层
<br />咨询电话：400-186-9990 010-82790226-801</p>
<p>深圳西部硅谷校区：深圳市宝安区宝安大道5010号西部硅谷B座A605-619<br />
深圳大学城校区：深圳市南山区留仙大道1201号大学城创客小镇16栋3楼<br />咨询电话：010-82790226/7-801</p>
<p>上海学院地址：上海市宝山区同济支路199号智慧七立方3号楼2-4层<br />咨询电话：010-82790226/7-801</p>
</div>
</li>
<li class="bot_right clear">
<div>
<img src="/img/good_index/wx_ewm.jpg" height="116" width="116">
<p>官方微信</p>
</div>
<div>
<img src="/img/good_index/wb_ewm.jpg" height="116" width="116">
<p>官方微博</p>
</div>
</li>
</ul>
<i>Copyright 2007-2015 北京千锋互联科技有限公司 .All Rights Reserved<br>
京ICP备12003911号-5 京公网安备11010802011455号</i>
</div>
</div>
<script language="javascript" type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script language="javascript" type="text/javascript" src="/js/good_index.js"></script>
<script type="text/javascript" src="js/ymcore.js"></script>
<script src="js/zxBackTop.js"></script>
<script>
(function() {
var _53code = document.createElement("script");
_53code.src = "//tb.53kf.com/code/code/10132404/2";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(_53code, s);
})();
</script>
</body>
</html>