摘要:
1、定位 : 将元素固定到指定的位置上,包括定位模式和边偏移 定位模式:静态定位 相对定位、绝对定位、固定定位 边偏移:顶、左、右、底(top,left,right,bottom) (1)相对定位: 相对于元素本身位置 position: relative; top: 30px; left:100p 阅读全文
摘要:
叠放次序:z-index:数字 1、z-index 默认属性值是0,取值如越大,定位元素在层叠元素中越居上 2、如果取值相同,则根据书写顺序,后来居上 3、z-index 后数字不能加单位 4、只有相对定位、绝对定位、固定定位有此属性,标准流、浮动、静态定位都无此属性,故不可指定该属性。 显示与隐藏 阅读全文
摘要:
css版心布局 1、css中的布局有: 常见的布局方式:固定布局、流式布局、弹性布局、浮动布局、定位布局、margin和padding 2、多种等高布局 a. 假等高列:使用背景图片,在列的父元素上使用这个背景图进行Y轴的铺放,从而实现一种等高列的假像 b. 给容器div使用单独的背景色(固定布局) 阅读全文
摘要:
背景 1、背景:背景色、背景图 2、背景色 (1) 、英文单词 (2) 、十六进制 #ff0000; (3) 、 RGB 红绿蓝 (4) 、rgba 红绿蓝透明度 rgba(255, 0, 0, 0.5); ① 取值范围0-1 ② 1是完全不透明 ,0是完全透明 (5) 、补充透明度 opacity 阅读全文
摘要:
浮动:float:left/float:right 标准流(文档流):元素按部就班按照自身的特性排列。 浮动:元素会脱离标准普通流的控制,移动到指定位置的过程 结论(浮动的特征): 浮动后的元素会脱离标准流,漂浮在其他没有浮动的盒子上边 浮动后的元素不占有原来的位置 浮动后的两个块状元素会在同一行显 阅读全文
摘要:
盒子模型之边框 1、CSS的三大重点:盒子模型、浮动、定位 2、 盒子模型:内容、边框、外边距、内边距 3、 网页布局本质:拼接盒子的过程 div +CSS 4、 边框 (1) 、边框属性:边框厚度、边框的颜色、边框的线条样式 (2) 、边框厚度:border-top-width(上) (3) 、边 阅读全文
摘要:
1、三大特性:层叠性、继承性、优先级 2、层叠性:就近原则 (1) 、 同类种选择器,第二个选择器相同样式会覆盖第一个选择器 (2) 、在同一个选择器中,相同的属性,以最后一个为准 3、继承性:所谓继承性是指书写CSS样式表时,子标签会继承父标签的某些样式。 4、优先级: a) 在同一个元素中 !i 阅读全文
摘要:
知识点一:选择器 1、选择器:通过标识选择指定的元素,那么这个标识就是选择器 2、组成:基本选择器: 标签选择器、ID选择器、类名选择器、多类名选择器、通配符选择器 复杂选择器: 子代选择器、后代选择器、交集选择器、并集选择器 伪类选择器: :link :hover :active :visited 阅读全文
摘要:
为什么要用CSS:使用标签中的属性去改变元素的样式会使页面显得瘫痪臃肿 CSS:(网页美颜相机) 层叠样式表 作用:用来美化网页的 样式表 样式表:行内样式表 内部样式表 外部样式表 行内样式表(内联样式表):内嵌的标签中,通过style style是标签的属性 、属性值是多个样式 px:像素单位 阅读全文
摘要:
1、jQuery 对HTML的设置与捕获 jQuery 中非常重要的部分,就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 (1) 、html() html() - 设置或返回所选元素的内容(包括 HTML 标记)。 $("#btn2" 阅读全文
摘要:
知识点一:表格 1、表格标签 table 2、表格的组成 行 tr 单元格 td 3、建立表格步骤 1、建立表格, 2、判断行数和列数 3、用行去包含单元格 4、在每个单元格中去添加内容 4、表格的各大属性 cellspacing:边框与边框之间的距离 cellpadding:单元格内容与边框之间的 阅读全文
摘要:
1、开发工具 编辑器: dw:省事儿、控件的拖动 sublime:文艺青年喜欢用 webstorm:编辑快速 Hbuilder:快、生成安装包 Vscode:逻辑性高、各个公司都用(最终选择它) 五大主流浏览器:火狐浏览器 ————因为内核不同 Geoko 谷歌浏览器(最终选择它) (之前是Webk 阅读全文
摘要:
jQuery插件 jquery不可能包含所有的功能,我们可以通过插件扩展jquery的功能。 jquery有着丰富的插件,使用这些插件能给jquery提供一些额外的功能。 1、jquery.color.js的使用 (1)、引入js文件 jquery中的animate动画本身不支持变色,但是jquer 阅读全文
摘要:
(1)、什么是事件 1、页面对不同访问者的响应叫做事件。 2、实例:在元素上移动鼠标、选取单选按钮、点击元素 复习事件: 事件三要素 1、事件源 2、事件类型 3、事件的处理程序(以函数返回) (1)、事件语法 1、单击事件 $("p").click(function(){ // 动作触发后执行的代 阅读全文