xinbiancheng.cn
CSS视频教程   QQ交流群:808063744
您还没有登录!登录后才能收看视频教程 立即登录
推荐

  

(有效期90天)

(有效期90天)

(有效期90天)

付款金额:
微信支付
  • 课程目录
第01章-CSS介绍和CSS基本选择器
css简介
体验CSS语法规范
css代码风格
选择器的作用及分类
标签选择器
类选择器
类选择器-多类名的使用
id选择器
通配符选择器及选择器总结
第02章-font字体
font-family设置字体系列
font-size字号大小
font-weight字体粗细
font-style字体样式
font复合属性写法
字体属性总结
第03章-文本样式
文本颜色color
文本对齐text-align
文本装饰text-decoration
文本缩进text-indent
行间距line-height
CSS文本属性总结
第04章-CSS三种样式表
内部样式表
行内样式表
外部样式表
CSS引入方式总结
第05章-CSS复合选择器
复合选择器简介
后代选择器
子元素选择器
后代及子选择器练习
并集选择器
链接伪类上
链接伪类注意事项及实际开发写法
focus伪类选择器
复合选择器总结
第06章-元素显示模式
什么是元素显示模式
块级元素
行内元素
行内块元素
元素显示模式总结
显示模式的转换
简洁版小米侧边栏案例
单行文字垂直居中的原理
第07章-CSS背景及应用案例
背景颜色
背景图片
背景平铺
背景图片位置
利用背景位置做小图片案例
利用背景位置做超大图片案例
背景位置-精确单位
背景位置-混合单位
背景图像固定
背景属性复合写法
背景色半透明
背景总结
第08章-CSS三大特性
层叠性
继承性
行高的继承性
优先级
优先级注意事项
优先级权重叠加
6道经典面试题前3题
6道经典面试题后3道题
第09章-CSS盒盒子模型及应用案例
01-盒子模型组成部分
02-盒子模型边框border
03-边框的复合写法
04-边框会影响盒子实际大小
05-盒子模型内边距padding
06-内边距简padding写方法
07-padding影响盒子大小的解决方案
08-新浪导航分析及结构代码
09-新浪导航的样式设置
10-padding不影响盒子大小的情况
11-盒子模型外边距margin
12-利用margin实现盒子水平居中
13-行内元素和行内块元素水平居中
14-相邻块元素垂直外边距合并问题
15-嵌套块元素垂直外边距合并(塌陷)问题
16-清除内外边距
第10章-新闻综合案例
01-新闻综合案例html结构
02-样式分析及标题的样式设置
03-新闻首行缩进及文本装饰
第11章-圆角和阴影的应用
01-圆角边框的原理
02-圆角边框的常用写法
03-盒子阴影
04-文字阴影(text-shadow)
第12章-浮动及应用案例
01-传统网页布局三种方式
02-为什么需要浮动
03-什么是 CSS Float(浮动)?
04-浮动特性-脱标
05-浮动元素一行显示及注意事项
06-浮动元素具有行内块特性
07-浮动元素经常搭配标准流的父元素
08-小米logo导航布局
09-为什么浮动压不住文字
第13章-清除浮动
01-为什么清除浮动
02-清除浮动本质以及额外标签法
03-清除浮动之父元素overflow
04-清除浮动之after伪元素
05-双伪元素清除浮动
06-清除浮动总结
第14章-定位
01-为什么需要定位
02-定位组成
03-相对定位
04-绝对定位-父级无定位情况
05-绝对定位-父级有定位情况
06-绝对定位脱标的不占有原来位置
07-固定定位
08-利用固定定位-固定在版心右侧位置
09-粘性定位
10-定位总结
11-定位的叠放顺序
12-如何让定位的盒子居中
13-定位的特殊特性
14-小米案例
第15章-京东轮播图
01-京东轮播图布局分析
02-大盒子制作.
03-左侧箭头按钮制作
04-右侧箭头按钮制作
05-ul盒子模块制作
06-li小圆点模块制作
第16章-元素显示和隐藏应用案例
01-display显示隐藏元素
02-visibility显示隐藏元素
03-overflow溢出显示隐藏
04-土豆案例(上)
05-土豆案例(下
第17章-精灵图和字体图标
01-为什么需要精灵技术
02-精灵图使用(原理)
03-精灵图使用(代码)
04-字体图标产生和优点
05-字体图标下载
06-icomoon字体图标的使用
07-字体图标的追加
08-iconfont阿里字体图标的使用
第18章-CSS进阶【问题解决技巧】
01-鼠标样式
02-取消表单轮廓和防止拖拽文本域
03-vertical-align实现行内块和文字垂直居中对齐
04-解决图片底部默认空白缝隙问题
05-单行文本溢出显示省略号
06-多行文本溢出显示省略号
07-利用CSS产生三角形
08-CSS三角应用-小米效果
09-京东秒杀价格三角形案例分析
10-京东秒杀价格三角形代码
第19章-布局技巧
01-利用margin负值去掉重复边框
02-解决利用margin负值只显示3个边框的问题
HTML视频教程 JavaScript视频教程 Web APIs视频教程(上) 更多...