摘要：
学习目标 1）定位的4种分类 （四种定位）2）4种定位各自的特点 （4种定位各自的特点）3）常用子绝父相布局的原因 （子绝对、父相对布局）4）轮播图效果 5）显示隐藏的2种方式以及区别 定位 定位和浮动的不同 1）浮动可以让多个块级盒子一行没有缝隙排列品示 ，经常用于横向排列盒子。 2）定位则是可以 阅读全文
摘要：
清除浮动 问题一、父元素不方便设置高度，子元素设置浮动（不占位置），父元素的高度会默认为0，就会影响下面的标准流的盒子。 总结： 子盒子浮动，父盒子失去高度，影响了整体布局 1、清除浮动的原因 由于浮动元素不再占用原文档流的位置，所以它会对后面的元素排版产生影响。这时就需要。清除浮动 2、清除浮动的 阅读全文
摘要：
浮动（float） 1、传统网页布局的三种方式（3种） 网页布局的本质 用CSS来摆放盒子。把盒子摆放到相应位置。 CSS提供了三种传统布局方式（盒子如何进行排列顺序）： 普通流（标准流）、 浮动、 定位 2、标准流（普通流 / 文档流）就是 标签按照规定好默认方式排列 1）块级元素会独占一行，从上 阅读全文
摘要：
ps基本操作 1、ps的基本操作 2、ps快捷操作的位置 3、样式书写习惯 4、样式设置的小细节（注意） 1、图片设置width： 100% 这样图片的宽度就不会超过父容器的宽度。 2、块元素没有设置宽度，给margin左右是没有效果的。 3、块级元素独占一行，将块级元素改为行内块元素就可以与其他行 阅读全文
摘要：
导学： 1）设置元素显示模式 display 2）block（块）、inline（行内）、inline-block（行内块） 3）每一种元素模式的特点 1、元素显示模式 : 独占一行 （块元素） 和 共用一行 （行内元素） HTML元素一般分为块元素和行内元素两个类型。 2、块元素：<h1>~<h6 阅读全文
摘要：
css背景属性 背景属性给页面元素添加背景样式。 background可以设置。 1、背景颜色： background-color： 颜色； 2、背景图片： background-image：url（图片地址）； 3、背景平铺： background-repeat： 背景铺设； 4、背景图片位置： 阅读全文
摘要：
导学： 1）emment语法：快速书写代码 2）复合选择器： 后代选择器、子元素选择器、并集选择器、伪类选择器 一、emment语法 作用：提升html和css书写速度 学习地址：基础语法 二、复合选择器 1）由两个或多个基础选择器，通过不同的方式组合而成的 2）可以更准确、更高效的选择目标元素（标 阅读全文
摘要：
CSS： 层叠样式表 ( Cascading Style Sheets ) 的简称 导学： css 1）css 语法规范 选择器 { 样式名1：样式值；样式名2：样式值；} 2）基础选择器： 标签选择器、类选择器、id选择器、通配符选择器 3）css三种引入方式： 行内式、嵌入式、链接式 1、css 阅读全文
摘要：
导学： 本章学校的标签 1）标题标签： <h1> ～ <h6> 2）段落标签 ：<p> 3） 换行标签：<br /> 4）文本格式化标签： <strong> <b>、 <em> <i>、 <del> <s>、 <ins><u> 5）布局标签： <div> 、 <span> 6）图像标签： <img> 阅读全文
摘要：
1、引号被转码 处理办法 {% autoescape off %} var tmp = '{{ data1 }}'; var tmp = '{{ data2 }}'; {% endautoescape %} </script> 阅读全文