php_div+css.doc
文本预览下载声明
1、div+css是什么?它们有什么作用?
html的优缺点
Div与css工作的原理图
入门案例:
html
head
titlecss入门案例/title
link rel=stylesheet type=text/css href=入门案例.css/
/head
body
div class=style_1
img src=入门图片.jpg/
/div
/body
/html
.style_1{
/*注释将布局放在css中*/
width:500px;
height:400px;
background-color:red;
border:1px solid red;
margin-left:300px;/*使整个框右移*/
margin-top:50px;
padding-top:30px;/*此处是边框里面的内容*/
padding-left:90px;
}
Div与css的优势
内容介绍进入正文
案例
3、内联与滤镜
4、选择器种类:
(1)、class选择器:
(2)id选择器:
(3)、html选择器
(4)鼠标样式属性
以上三种选择器代码:
(5)通配符
以上四种选择器的优先级排列:
id选择器class选择器html选择器通配符选择器
父子选择器(本质为一层中又嵌套着一层)
id选择器与class选择器注意的地方
在css中几个属性及其属性值相同的部分可以整合到一起
5、行内元素与块元素
行元素与块元素的区别
Css文件相互引用
Css文件引用示意图
6、css中流的概念
7、盒子模型(重要)
盒子模型示意图
案例:
要形成的效果
盒子模型的理解
案例2:
8、浮动
自动的一排一排的排
浮动属性说明
清除浮动(在后面的项目中具体有讲到有笔记)
9、定位——基本概念
到19讲开始
显示全部