浮动 float
摘要：1。未设浮动属性，位于标准流中 2.如果设置浮动属性，则容器不再位于标准流中，不再占用空间。容器会根据内容确定宽度 3.尽量将搜索引擎要搜索的内容放到网页的前部，更要容易排名到 4.clear属性清除浮动的影响 left right both 定位 position 1.static 默认 标准流包
阅读全文
posted @
2017-11-27 10:27
学习记录园
阅读(146)
推荐(0) 编辑
文字与图像
摘要：font-family font-size line-height 两行文字基线之间的距离 子元素标签具有集成父元素的属性值 color ( blut;#0000ff;#off;rgb(0,0,255);rgb(0%,0%,0%)) font-weight font-style 倾斜 text-de
阅读全文
posted @
2017-11-27 10:26
学习记录园
阅读(200)
推荐(0) 编辑
3.深入理解盒子模型
摘要：1.border属性 3个 color ， width ，style（重要 其中hidden可以解决边框冲突问题） 2.属性简写形式 以border-color为例 2个属性值 上下边框 3个属性值 前者为上边框 中间的为左右边框 后者为下边框 4个属性值 依次为上 右 下 左边框的属性 即顺时针排
阅读全文
posted @
2017-11-27 10:26
学习记录园
阅读(293)
推荐(0) 编辑
4.盒子的浮动和定位
摘要：css中的float和position两个属性 1.盒子的浮动 标准流中块级元素在水平方向上会自动伸展，直到包含它的元素的边界；而在竖直方向和兄弟元素一次排列，不能并排，使用浮动方式后，块级元素可以并排。 float默认的属性为none 即标准流。float属性的值设置为left和right元素就会
阅读全文
posted @
2017-11-27 10:25
学习记录园
阅读(666)
推荐(0) 编辑
5.文字与图像（文字样式和图像样式）
摘要：一.文字样式 设置字体 html中 <font face="字体名称"> css中 font-family：字体名称 文字大小 font-size：12px； 行高 一个段落中各行文本的高度 两行文字之间基线的距离 给文字加上下划线 下划线的位置就是文字的基线 line-height：18px；也可
阅读全文
posted @
2017-11-27 10:24
学习记录园
阅读(454)
推荐(0) 编辑
6.链接与导航
摘要：1.动态超链接 <a href="****">链接文本</a> 去掉下划线：text-decoration：none 利用css的为类别来制作超链接动态效果的方法 a:link 普通样式 a:visited被点击过的超链接的样式 a:hover鼠标指针经过超链接上时的样式 a:active在超链接上
阅读全文
posted @
2017-11-27 10:23
学习记录园
阅读(265)
推荐(0) 编辑
11章圆角框 本章很重要 经常用到
摘要：圆角修饰和分割的作用 根据对宽度的适应性分为固定的，流动的和弹性的圆角框；根据使用的背景图片个数，根据使用的颜色可以分为单背景色，和带边框的。 固定宽度圆角框 1.两背景图像法 （1）首先要确定圆角框的颜色，以及圆角框后面的网页背景的颜色， （2）确定html的结构 <div id="rounded
阅读全文
posted @
2017-11-27 10:22
学习记录园
阅读(143)
推荐(0) 编辑
9章 下拉菜单
摘要：本章内容***** 1.dl dt dd标记 块级元素 dl定义列表 dt和dd定义标题 <dl> <dt>北京市的大学</dt> <dd>清华大学</dd> <dd>北京大学</dd> <dd>人民大学</dd> <dd>北京航天</dd> <dt>北京市的大学</dt> <dd>asdf</dd
阅读全文
posted @
2017-11-27 10:22
学习记录园
阅读(128)
推荐(0) 编辑
原来链接与导航
摘要：1。去掉下划线 text-decoration：none 伪类 a：link 正常情况下 a:visited 点击过 a:hover 鼠标经过 a：active单击时即当前激活时的样式 2.border-top 可以实现阴影效果 left right bottom 3.浮雕背景 background
阅读全文
posted @
2017-11-27 10:21
学习记录园
阅读(98)
推荐(0) 编辑
7竖直排列的导航菜单
摘要：实例章节1.双竖线菜单 （1）html框架 <div id="menu"> <a href="#">home</a> <a href="#">contact</a> <a href="#">web dev</a> <a href="#">map</a> </div> (2)设置容器css #menu
阅读全文
posted @
2017-11-27 10:20
学习记录园
阅读(283)
推荐(0) 编辑
8.水平导航菜单
摘要：1.自适应的水平菜单 菜单随着浏览器的窗口的宽度的变化而改变排列方式 如果宽度不够 菜单会自动折行 （1）html框架 <div id="menu"> <a href="#">home</a> <a href="#">contact</a> <a href="#">web dev</a> <a hr
阅读全文
posted @
2017-11-27 10:19
学习记录园
阅读(289)
推荐(0) 编辑
13章 固定宽度布局剖析与制作
摘要：固定宽度布局 页面首先在整体上进行<div>标记的分块，然后对各个块进行css定位，最后再在各个块中添加相应的内容。 .css的排版观念：从网页内容的逻辑关系出发，区分出内容的层次和重要性，根据逻辑关系，把网页的内容使用div或其他适当的html标记组织好，再考虑网页的形式如何与内容相适应。 布局表
阅读全文
posted @
2017-11-27 10:17
学习记录园
阅读(211)
推荐(0) 编辑
12章 应用spary制作高级网页组件
摘要：比较复杂的用户界面，tab面板 伸缩面板和折叠面板等组件。 tab面板和菜单实际上分为两种 一种是切换各个tab页中的内容时并不刷新浏览器窗口，仅仅是被隐藏起来了 利用javascript显示和隐藏tab面板 另一种是切换各个tab页中的内容时，会刷新浏览器窗口，实际上就是更换了一个新的html页面
阅读全文
posted @
2017-11-27 10:16
学习记录园
阅读(293)
推荐(0) 编辑
第3章 jquery中的事件和动画
摘要：一，jquery中的事件 （1）.执行时机 $(document).ready()和window.onload方法有相似的功能，但是在执行时机方面有区别，windwo.onload在网页中所有的元素包括所有的关联文件都加载后才执行，而前者是dom元素就绪时就可以被调用了。不必等到所有关联的文件全部加
阅读全文
posted @
2017-11-27 10:15
学习记录园
阅读(115)
推荐(0) 编辑
14章 变宽度网页布局剖析于制作
摘要：首先要使内容的整体宽度随着浏览器窗口的变化而变化，因此中间的container容器中的左右两列的总宽度也会发生变化。 出现的两种方式 两列按照一定的比例同时变化，还是一列固定，另一列变化。 命名方法：固定宽度记为f 即fixed 变宽度记为l 即liquid 如果1-2-1不居中的两列，左边的为固定
阅读全文
posted @
2017-11-27 10:15
学习记录园
阅读(425)
推荐(0) 编辑
第1章jquery选择器
摘要：一.jquery等价于$ jquery选择器继承了css选择器的风格。 $("#ID")代替了document.getElementById()函数，即通过id获取元素。 $("tagName")代替document.getElementsByTagName()函数，通过标签名获取html元素 $(
阅读全文
posted @
2017-11-27 10:14
学习记录园
阅读(128)
推荐(0) 编辑
php处理文件和操作系统
摘要：一.文件和目录 （1）.解析目录路径：basename（）返回路径的文件名部分 获取路径目录：dirname（） 返回除了文件名的路径部分 了解关于路径的更多信息：pathinfo（） 返回关联数组 pathinfo[dirname] path[basename] pathinfo[extensio
阅读全文
posted @
2017-11-27 10:13
学习记录园
阅读(148)
推荐(0) 编辑
第4章--变量，作用域和内存问题 jquery
摘要：4.1基本类型和引用类型的值 解析器要分析赋给变量的值是基本类型值还是引用类型的值 基本类型：undefined null boolean number string 引用类型的值：保存在内存中的对象 在javascript中不允许直接访问内存中的位置，即不能直接访问或操作内存空间。操作对象时，实际
阅读全文
posted @
2017-11-27 10:13
学习记录园
阅读(260)
推荐(0) 编辑
jquery插件开发
摘要：高效开发和使用插件 一.创建jquery插件 (1).类型 1.jquery方法 将常用的或者重复使用的功能定义为函数，后绑定到jquery对象上，从而成为jquery对象的一个扩展方法 例如parent（） appendTo（） addclass()方法 2.全局函数 也可以把自定义的功能函数独立
阅读全文
posted @
2017-11-27 10:03
学习记录园
阅读(215)
推荐(0) 编辑
第二章 jquery的dom操作
摘要：三个方面 dom核心，html-dom和css-dom 一。 1.dom core核心 document.getElementsByTagName("form") 获取表单对象 element.getAttribute("src") 2.html_dom document.forms emement
阅读全文
posted @
2017-11-27 10:02
学习记录园
阅读(139)
推荐(0) 编辑
