本系列CSS视频教程由浅入深的为大家讲述如何使用CSS进行网页样式控制,重点是在CSS样式规则、语法、属性等方面做了详尽的讲解,并配合实例进行说明和演示,可以说这是一个全面系统的CSS基础入门视频教程,旨在帮助CSS爱好者和新手更加快速、高效的学习和掌握CSS基本应用!
本系列视频教程免费下载试看:25.CSS的浮动属性Float(下)[视频大小31.2MB|教程时长17:03]
In these basic Cascading Style Sheets Video Tutorials, you’ll learn about how CSS changes the way you design web sites.Start learning now with ximicc.com CSS video tutorials.
教程目录大纲及内容概要:
01.一些前言和准备 [视频大小23.3MB|教程时长08:04(8分钟零4秒)]
关于Web标准的一些概述,包括常见的概念和误区,以及本系列视频教程所涉及的几个主要的软件工具,如各类浏览器、网页编辑工具、FSCapture等,最后是一些CSS爱好者学习书籍推荐。
02.XHTML规范和注意事项 [视频大小34.6MB|教程时长13:00]
主要结合HTML的语法讲解一些XHTML主要的规范和编码注意事项,如标签闭合、大小写等,我们的目标是希望学习者能在标准的网页编码结构下,更有效率的学习和巩固CSS知识及应用。
03.CSS加载到网页的三种方式 [视频大小38.5MB|教程时长10:33]
通过一些简单的页面实例,讲解网页引用CSS样式表的三种主要方式,包括语法的书写、相互的区别以及优势比较,其间也提及了一点@import语法的知识。
04.CSS语法的基本规则[视频大小25.8MB|教程时长08:28]
开篇引入介绍CSS禅意花园这个网站,并解析其中的一个实例,对CSS的基本结构和语法规则进行讲解,分别阐述选择符、声明、属性、标点符号等构成元素,与行间样式表语法的区别,以及关于规则优先级的一些入门。
05.CSS中的Class和ID选择符[视频大小12.7MB|教程时长09:58]
以一些网页实例讲解CSS中Class和ID选择符的定义规则和应用方式,本节课的重点在于在一般的设计理念中,样式表什么时候用Class类,什么时候用ID标识。
06.CSS中的Class和ID选择符补完[视频大小20.1MB|教程时长15:48]
在上节课的基础上重申一些何时用Class何时用ID的标准,然后通过一个简单的DIV布局实例阐述有利于用户体验的Class和ID的命名规范。
07.CSS中伪类和伪元素(上)[视频大小18.3MB|教程时长13:27]
CSS中常用伪类的功能说明和应用实例,本集视频重点讲解的是超链接伪类在网页元素上的应用,以及一些伪类在浏览器的兼容方面存在的问题。
08.CSS中伪类和伪元素(下)[视频大小15.6MB|教程时长10:37]
本集视频在上节课的基础上,结合一些简单的示例,讲解CSS中四个主要伪元素的概念和样式作用方式,以及在主流浏览器中的兼容性。
09.更丰富的CSS选择符(上)[视频大小14.3MB|教程时长12:40]
介绍区别于之前课程中提及的CSS选择符结构,如通配选择符、包含选择符、分组选择符、子选择符、相邻选择符以及多种类型的属性选择符等。
10.更丰富的CSS选择符(下)[视频大小22.6MB|教程时长17:58]
介绍区别于之前课程中提及的CSS选择符结构,如通配选择符、包含选择符、分组选择符、子选择符、相邻选择符以及多种类型的属性选择符等。
11.块级元素、内联元素和文档流[视频大小18.6MB|教程时长17:18]
介绍块级元素、内联元素的概念差别、常见的组成元素以及类型互换方式,结合它们在网页中的呈现方式,引入常规浏览器对网页文档流的解析模式,课程最后稍微提及了一些关于浮动和定位属性影响文档流的方式。
12.彻底弄懂CSS盒模型[视频大小23.8MB|教程时长23:53]
利用一些图示讲解CSS盒模型的概念以及与此相关的几个主要CSS属性,如Margin、Padding等,在实际的例子中尽可能详尽的把把这个CSS中极之重要的概念阐述得细腻透彻。
13.CSS中的属性缩写(上)[视频大小24.0MB|教程时长20:44]
讲解和演示CSS中常见几个可运用缩写赋值的属性,如颜色、边框、背景图片、字体以及盒模型相关等,在直观的例子中阐述CSS属性缩写的语法及注意事项,增进CSS代码书写效率和结构优化。
14.CSS中的属性缩写(下)[视频大小20.2MB|教程时长15:53]
讲解和演示CSS中常见几个可运用缩写赋值的属性,如颜色、边框、背景图片、字体以及盒模型相关等,在直观的例子中阐述CSS属性缩写的语法及注意事项,增进CSS代码书写效率和结构优化。
15.CSS中的字体属性Font[视频大小27.6MB|教程时长21:39]
详解一条完整Font声明所具有的各个属性值所代表的含义,比如字号、行高、字体族等,以及进行独立声明时所对应的属性,也强调了一些注意事项,如Font缩写起作用的必备条件等。
16.CSS属性中的负值运用[视频大小24.9MB|教程时长20:44]
CSS中几个主要的负值应用属性示例演示,讲解它们在图文替换、背景图标定位、DIV布局等实际应用中的使用方法。
17.CSS颜色值解析[视频大小23.2MB|教程时长16:53]
主要讲解CSS中几种颜色的赋值方式,如颜色名称、十六进制、RGB、HSL等形式的结构,以及主要由于兼容性问题而不是很常用的RGBA格式。
18.CSS定位属性全方位解析(上)[视频大小21.1MB|教程时长19:26]
利用一些基本的布局实例阐述Position属性的五种主要赋值方式,以及它们影响文档流的形式,本节课主要侧重Static和Relative这两个值的讲解。
19.CSS定位属性全方位解析(中)[视频大小32.5MB|教程时长27:03]
开篇在上节视频的基础上补充了一些Relative定位的应用,然后重点讲解绝对定位属性对网页DIV元素的作用方式,如结合上下左右属性实现拉伸、父子座标体系嵌套等。
20.CSS定位属性全方位解析(下)[视频大小36.3MB|教程时长18:59]
总结之前两节课的内容知识点,演示一个两栏全屏的布局实例,其间补充了关于Fixed固定定位与Absolute绝对定位的区别、Position属性的继承两个知识点。
21.综合利用Position属性实战网页布局[视频大小53.0MB|教程时长23:14]
演示一张带顶部导航、中间两栏、底部固定的页面布局实现方法,从各方面对Position这个属性在布局中的应用进行分析、讲解以及相互比较,对前面三节课所涉及的知识进行总体的回顾。
22.Z-index属性透视[视频大小21.3MB|教程时长20:14]
讲解Z-index属性对网页元素在层叠次序上的影响和作用方式,通过一些页面实例效果的介绍,解释Z-index属性如何作用、在何种前提下才能作用、浏览器的兼容性等经常令新手感觉迷惑的问题。
23.CSS背景属性补完[视频大小24.0MB|教程时长20:56]
本节视频系统的整理了CSS当中的背景属性细节,重点放在背景图片的定位问题上,讲解实现背景定位的应用实例以及几种主要的定位方式,尤其是浏览器对百分比定位的方法如何解析渲染。
24.CSS的浮动属性Float(上)[视频大小28.1MB|教程时长22:04]
通过一个横向菜单和一个页面布局实例讲解Float对网页中元素的作用方式和表现,同时也通过对一些浏览器解析上的差异分析在Float属性中经常让初学者在学习过程中产生疑惑的问题。
25.CSS的浮动属性Float(下)[视频大小31.2MB|教程时长17:03] – [>下载试看<]
利用Float属性进行页面布局时,浮动清除的相关运用,如可以采用哪些方式进行浮动清除、相互之间的对比和差异等、以及浏览器兼容测试中出现Double Margin、Bottom Margin等Bug现象的解决方法。
26.规则的优先级权值[视频大小31.7MB|教程时长31:06]
本节视频教程重点讲解在CSS中当规则出现冲突或需要人为重定义时,规则之间的优先级权值应该如何正确的计算和运用,包括标准的计算公式、零权值的概念、优先级的继承表现等等。
27.CSS属性的继承[视频大小16.1MB|教程时长15:17]
本节课通过了解XHTML内容元素之间的家族关系,学习CSS基于家族遗传特性所产生的样式继承方式,重点对文档树结构中可继承和非继承的属性进行系统而通俗的归类,以便在使用CSS的过程中更加灵活的进行掌控和运用。
28.CSS Hack技术入门综述[视频大小23.2MB|教程时长21:33]
讲解当网页的解析效果在不同的浏览器中出现差异时,如何采用适当、合理的方法进行调整,常用的Hack技术如何针对不同的浏览器产生作用和影响。当然追求网页样式无Hack是提升CSS技能最好的途径之一。
29.CSS文件及代码的精简优化[视频大小18.2MB|教程时长20:50]
针对样式表文件的分割组织、CSS代码的效率优化,讲解如何通过合理的方法提升CSS对网页效果的定义以及网页设计者、浏览者的用户体验,其中也包括注释的添加、留白的运用、CSS在线优化工具等知识。
30.学习学习再学习 – 课程总结 [视频大小13.2MB|教程时长19:08]
与CSS学习相关的一些教程书籍、软件工具、网络资源的推荐,以及作者个人的一些学习经验。