首页 >课程 >HTML/CSS >CSS >独孤九贱(2)_CSS视频教程

独孤九贱(2)_CSS视频教程

《php.cn独孤九贱(2)-css视频教程》课程特色:php中文网原创幽默段子系列课程,以恶搞,段子为主题风格的php视频教程!轻松的教学风格,简短的教学模式,让同学们在不知不觉中,学会了CSS知识。 每节课内容精炼,长度不超过10分钟,非常适合您利用碎片时间来学习。地铁上、...

初级

共22章节|17465次播放|添加时间:2017-03-13 10:21

开始学习学习交流群
374224296

  • 课程目录
  • 相关文章
  • 课件下载
5小时学习时长
原创教程:独孤九剑系列立即查看

第1章 CSS学习的准备工作-磨刀不误砍柴功
1、浏览器的设置与插件安装(Chrome) 2、编辑器的设置与插件安装(Atom) 3、浏览器同步测试工具安装(Browser-Sync)

    第2章 CSS究竟是个什么玩意?
    1、为什么要学习CSS? 2、CSS代码写在哪里? 3、CSS的样式选择符与声明怎么写? 4、CSS的选择符的作用与种类有哪吗?

      第3章 CSS选择器详解-我要找到你无论你在哪
      无论你在哪里,只要你在当前html文档中,我就一定能找到你。 最强大脑男神“水哥”说过:要么不存在,要么不会错。 我,选择符,就是CSS中的水哥,绝不会让你失望,除非你写错了。

        第4章 CSS样式实时查看与编辑:谁说没有后悔药
        以Chrome浏览器的开发工具为例,你将学会,如何快速查看页面的CSS样式,并可以直接修改,实时预览效果,以决定这个样式,是不是你喜欢的风格?如果喜欢的话,还可以通过workpace写入到当前页面的样式表文件,将你的成果,保存下来,是不是超过瘾? 原来,前端开发这么有意思~~

          第5章 CSS样式的层叠与继承
          如果有多个领导给你布置工作,你应该如何做呢? 同样,页面中的元素,如果同时有多个样式作用到上面,他也很纠结。标签让你显示为红色,类要求它显示为绿色,id又要让它为蓝色,怎么办,怎么办?层叠,就是解决这类冲突的好办法。

            • Angular4中如何显示内容的CSS样式示例代码

              本文主要给大家介绍了关于Angular 4中如何显示内容的CSS样式的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。查看原文

            • css中关于hideFocus的使用详解

              可能很有小伙伴看到标题都不知道是什么意思,hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于: onFocus=this.blur() 它的是一个布尔,如hideFocus=true。也可省略赋直接写hideFocus。 今天我们就给大家详细介绍下css中关于hideFocus的使用详解!查看原文

            • html和css制作QQ企鹅教程

              我们知道CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。大家在学习前端编程的时候肯定会用到HTML和css,那么这篇文章我们将教大家两种不同的方式制作QQ企鹅。查看原文

            • CSS如何实现文字颜色渐变的实例

              主要用到三个CSS属性:   linear-gradient() 用来实现渐变的图像 background-clip 指定对象的背景图像向外裁剪的区域 text-fill-color 指定文字的填充颜色查看原文

            • CSS3中新属性calc()的详细介绍

                calc()看起来像是javascript中的一个函数,而事实上它是用在Css中的,可以用它来计算长度(宽度或高度),能够自动根据不同尺寸的屏幕自动调接数值,从而很轻松的实现自适应布局展示在不同尺寸屏幕下。项目中常常碰到要始终居中的元素,当然想到的第一个就是使用margin:0 auto;或者使用定位和margin结合的这种简单的方法,当同事告诉我让我去研究研究calc的时候才真正的深入了解这个Css3中的新东西。查看原文

            • 关于CSS中细节的详解

                如果说这些特性是CSS华丽的一面,那我们来看看它朴实的一面:很不起眼的东西,如选择器、单位、函数(方法)。我经常说这是繁琐的东西,但我意思是它们能干漂亮的活,这就是我要分享的。 查看原文

            • CSS3伪类如何做3D按钮的实例分析

              本文详细介绍了CSS3伪类如何做3D按钮的实例分析,具有一定的参考价价值,下面我们一起看下!查看原文

            • CSS3中关于“渐变”兼容性解决方案详解

               我们熟知的浏览器有Chrome、Firefox、Opera、Safari以及ie系列。最基础的background:#cccccc属性表示页面呈现#cccccc色,当然这个在任何浏览器下面都是满足的。但是随着我们对颜色要求的提高,引入了渐变linear-gradient,不同的浏览器对于它的认知需要加不同的前缀。通过上面的例子我们可以知道firefox:-moz-、chrome/safari/opera:-webkit-、ie:-ms-、当然ie很多版本都不接受,于是可以采取滤镜的方式处理。查看原文

            • CSS与JS实现网页加载中的动画效果的实例

              这篇文章主要为大家详细介绍了JS+CSS实现网页加载中的动画效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下查看原文

            • CSS中display实现淡入淡出过渡效果的实例

              本文详细介绍了CSS中display实现淡入淡出过渡效果的实例,具有一定的参考价值,下面我们一起看下!查看原文

            暂无相关内容~