随笔分类 -  前端

CSS读书笔记（3）---清除浮动的几种方法
摘要：浮动元素容易造成页面错位现象。下面说说关于清除浮动的几种方法。 首先。先创建一个浮动导致错位的页面。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS 浮动</title> <style> .float 阅读全文
posted @ 2016-11-09 11:05 my_notebook 阅读(247) 评论(0) 推荐(0)
CSS读书笔记（2）---简易相册和日历表的制作
摘要：一、HTML和CSS制作的简易相册 相册在默认情况下是缩略图显示，而且是截取相片的某一部分显示的。当鼠标停留在某张缩略图上，相册列表中的缩略图变为大图，展示在相册的左边区域， 同时缩略图部分变成空的 效果图如下： <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2016-11-08 13:25 my_notebook 阅读(356) 评论(0) 推荐(0)
CSS读书笔记（1）---选择器和两列布局
摘要：（1）CSS选择器优先权选择。 优先权从大到小的选择如下： 标有!important关键字声明的属性 HTML中的CSS样式属性 <div style="color:red"></div> 作者编写的CSS文件 <link href='xx.css'> 用户浏览网页在浏览器中设置的样式 浏览器默认的 阅读全文
posted @ 2016-11-02 19:04 my_notebook 阅读(442) 评论(0) 推荐(0)
三列布局，左右宽度固定，中间宽度自适应变化---普通格式和双飞翼格式
摘要：两种做法。 做法一： 思路是：1、利用left/right两个元素实现左右浮动，浮动流不会影响middle元素的位置，但会遮盖文档流。 2、 然后在middle元素中加入margin-right和margin-left属性，使中间的元素撑开占据空间，如果只设置了margin-right或者margi 阅读全文
posted @ 2016-10-23 23:20 my_notebook 阅读(304) 评论(0) 推荐(0)
JS面向对象（2）——原型链
摘要：原型链用于ECMAScript的继承。其思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。说人话，我们知道，一个构造函数Subtype，其原型对象有一个指向构造函数的指针，这是联系构造函数和原型的桥梁，如果我让原型对象的指针指向了另一个原型，而另一个原型原本指向其构造函数的指针也指向了另一 阅读全文
posted @ 2016-10-13 16:37 my_notebook 阅读(350) 评论(0) 推荐(0)
JS面向对象（1）——构造函数模式和原型模式
摘要：1、构造函数模式 构造函数用来创建特定的类型的对象。如下所示： 构造函数特点：不需要显示地创建对象，直接将属性和方法赋给this对象； 创建构造构造函数的实例，需要用new操作符，new操作符会创建一个新对象，而后将构造函数的作用域指向新的对象。 构造函数的缺点：上面的例子中，构造函数内的sayNa 阅读全文
posted @ 2016-10-13 12:17 my_notebook 阅读(303) 评论(0) 推荐(0)
CSS导航菜单水平居中的多种方法
摘要：在网页设计中，水平导航菜单使用是十分广泛的，在CSS样式中，我们一般会用Float元素或是「display:inline-block」来解决。而今天主要讲解如何让未知宽度的元素居中，下面我们会列出几种方法来解决水平居中问题。当然这些方法不一定是用来解决导航菜单问题，还有其它类似情况也是可以使用的。 阅读全文
posted @ 2016-08-23 16:44 my_notebook 阅读(13353) 评论(0) 推荐(0)
HTML图片热区map area的用法
摘要：<area>标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面。其基本语法结构如下： 1 <area 2 class=type 3 id＝Value 4 href＝url 5 alt＝text 6 sha 阅读全文
posted @ 2016-08-20 14:13 my_notebook 阅读(655) 评论(0) 推荐(0)