泰牛程序员 韩顺平 PHP 大牛班 Div C课程_韩顺平divcss笔记
泰牛程序员 韩顺平 PHP 大牛班 Div C课程由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“韩顺平divcss笔记”。
泰牛程序员PHP学院
htpp://www.daodoc.com
轻松搞定Div+C
第 1 章 1.1 1.2 第 2 章 2.1 2.2 第 3 章 3.1 3.2 3.3 3.4 3.5 3.6 3.7 DIV+CSS的开山篇...............................................................................................................1 什么是DIV+CSS
DIV+CSS的快速入门案例1
DIV+CSS的必要性...............................................................................................................3
CSS可以统一我们的网站风格
CSS可以通过滤镜来控制图片的显示风格3
CSS的选择器.........................................................................................................................5 选择器的分类 5 类选择器 5 ID选择器 6 HTML标签选择器 7 伪类选择器 11 通配符选择器 15 组合选择器 16 3.7.1 多元素选择器..........................................................................................................16 3.7.2 后代选择器..............................................................................................................18 3.7.3 子元素选择器..........................................................................................................19 CSS选择器的深入讨论.......................................................................................................21 后代选择器再说明
ID选择器的优先级高于类选择器 多个类选择器修饰同一个HTML元素 所有选择器的优先级大比武22 22 23 第 4 章 4.1 4.2 4.3 4.4 第 5 章 5.1 5.2 5.3 5.4 第 6 章 6.1 6.2 6.3 6.4 CSS的使用方式...................................................................................................................25 内联样式表 嵌入样式表 外部样式表 引入样式表25 26 27
CSS的属性详解...................................................................................................................29
CSS字体的属性 CSS文本属性 CSS背景属性
边框属性29 29 30
第I页 泰牛程序员PHP学院
htpp://www.daodoc.com
6.5 6.6 6.7 第 7 章 7.1 7.2 7.3 7.4 第 8 章 8.1 8.2 8.3 8.4 第 9 章 9.1 9.2 9.3 9.4 9.5 列表属性
TABLE属性的讲解
浏览器的兼容性处理建议 31 32 34
行内元素和块元素...............................................................................................................36 介绍
行内元素和块元素的区别 行内元素和块元素相互转换 标准流和非标准流
37 38
盒子模型...............................................................................................................................39 盒子模型的基本概念 快速入门案例
盒子的模型的经典案例
在看一个非常经典实用案例 DIVul-li
案例示意图: 第42页 泰牛程序员PHP学院
htpp://www.daodoc.com
代码:
第43页 泰牛程序员PHP学院
htpp://www.daodoc.com
第44页 泰牛程序员PHP学院
htpp://www.daodoc.com
第 9 章 浮动
概念: 浮(漂浮)动分为左浮动，右浮动，清除浮动。
9.1 快速入门
代码:
第45页 泰牛程序员PHP学院
htpp://www.daodoc.com
浮动特点: 1.向你指定的方向移动，并且让出空间
2.如果后面的元素，也是浮动的，那么后面的元素就会在碰到前面的浮动的元素或者边框时，就定位在那里.3.如果后面的元素没有浮动，则该元素就会在浮动的元素的下面，但是内容会尽量的显示出来，而且后面的元素是块元素。4.行元素也可以浮动，浮动后就具有块元素的特点.9.2 深入理解浮动
代码:
第46页 泰牛程序员PHP学院
htpp://www.daodoc.com
再举一个案例: 第47页 泰牛程序员PHP学院
htpp://www.daodoc.com
说明：当一个大的div把其它的div包括了，大的div的高度，如果是他所有的div都浮动，则大的div高度为0
9.3 右浮动
如果我们要实现如下图形，就可以使用右浮动,当把div1向右浮动时,它脱离标准流并且向右移动，直到它的右边缘碰到包含框的右边缘.案例说明: 第48页
