文档详情

php_div+css.doc

发布:2016-09-19约1.08千字共23页下载文档
文本预览下载声明
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讲开始
显示全部
相似文档