摘要: 本篇学习资料讲解: 延续上一篇的学习资料,仍然介绍 使用css对电子相册进行排版 和 侧面强调“盒子模型、标准流、浮动和定位”的重要性。 上篇学习资料介绍的“阵列模式电子相册”,如果也能够看到详细信息就更好了。如果能够在鼠标指针经过时出现一个信息框,并显示文字内容,鼠标离开以后该信息框自动消失,这样 阅读全文
posted @ 2016-06-29 00:50 老罗江湖 阅读(1805) 评论(1) 推荐(2) 编辑
摘要: 本篇学习资料讲解: 通过css对电子相册进行排版 和 侧面强调“盒子模型、标准流、浮动和定位”的重要性。 先来看看"双向联动模式"的电子相册图: {鼠标指针经过某张图片(或者某段文字)时,相应的文字(或者相应的某张图片)会以特殊样式显示} 以上部分的介绍将出现在(12)用css设计电子相册 {下}, 阅读全文
posted @ 2016-06-26 22:39 老罗江湖 阅读(3828) 评论(1) 推荐(2) 编辑
摘要: 1、用css建立表单 本篇资料主要介绍使用css设置表单元素的方法。 表单是网页与用户交互所不可缺少的元素,表单是网页的访问者进行交互的接口,例如大家都常遇到的:网上注册、网上登录、网上交易、网上投票、网站留言板等。 表单用于向服务器传输数据。 表单中的元素很多,包括常用的输入框、文本框、单选项、复 阅读全文
posted @ 2016-06-16 23:44 老罗江湖 阅读(4031) 评论(2) 推荐(1) 编辑
摘要: 本篇学习资料的主要介绍: 超链接文本的样式设计、鼠标指针效果。 1、超链接文本的样式设计 普通的网站中,所有的页面都会通过超链接相互链接在一起,这样才会形成一个有机的网站。 超链接是网页上普通的元素,通过超链接能够实现页面的跳转、功能的激活等,因此,超链接也是与用户打交道最多的元素之一。 (1)在h 阅读全文
posted @ 2016-06-09 15:09 老罗江湖 阅读(601) 评论(0) 推荐(1) 编辑
摘要: 用css设置表格样式 *<table></table> 标签定义 HTML 表格。 * tr 元素定义表格的行;th 元素定义表格的表头;td 元素定义表格中的单元格;caption元素定义表格的标题;cellpadding元素定义单元格内文字与边框的距离;cellspacing元素定义单元格之间的 阅读全文
posted @ 2016-06-04 22:10 老罗江湖 阅读(3378) 评论(3) 推荐(0) 编辑
摘要: 盒子的定位 一、 定位 (position) 定位position 说明:设置对象的定位方式,可以让布局层容易位置绝对定位,控制盒子对象更加准确。 下面提供一些基础代码: 效果图: 1、static (静态定位) 在css的position中,设置static为默认值,它表示块保持在原本应该在的位置 阅读全文
posted @ 2016-05-26 23:39 老罗江湖 阅读(2347) 评论(0) 推荐(3) 编辑
摘要: 前两篇的资料介绍到仅仅按照标准流的方式进行排版限制性太大,接下来将介绍css中的float属性。 一、盒子的浮动(float) 1、浮动(float)主要功能是帮助对象在网页中对齐的,通过不同的命令使对象左右浮动,直到遇到border、padding、margin或其他对象边缘为止。别看这简单的浮动 阅读全文
posted @ 2016-05-25 21:14 老罗江湖 阅读(825) 评论(0) 推荐(1) 编辑
摘要: 一、理解多个盒子模型之间的相互关系 现在大部分的网页都是很复杂的,原因是一个“给人用的”网页中是可能存在着大量的盒子,并且它们以各种关系相互影响着。 html与DOM的关系 详情了解“DOM” :http://baike.baidu.com/link?url=SeSj8sRDE-JZnTdkIQgh 阅读全文
posted @ 2016-05-22 14:06 老罗江湖 阅读(806) 评论(0) 推荐(0) 编辑
摘要: CSS 盒子模型概述 ***什么是CSS的盒子模型呢?为什么叫它是盒子?先说说我们在网页设计中常听的属性名:内容(content)、边框(border)、内边距(padding)、外边距(margin), CSS盒子模型都具备这些属性。 ***属性我们可以把它转移到我们日常生活中的盒子(箱子)来理解 阅读全文
posted @ 2016-05-19 21:35 老罗江湖 阅读(1313) 评论(0) 推荐(2) 编辑
摘要: 本篇学习资料主要讲解: 如何用css 的样式定义方法来介绍文字的使用。 第(1)节:用css设置文本样式。 一、弄懂文本文字的制作、利用css的样式定义版面的编排。 1、颜色定义、文本的背景颜色 (1) 在CSS里颜色的定义有四种方法: 一,用颜色的名称; 如:h1{color:red;} 二,以十 阅读全文
posted @ 2016-05-02 20:42 老罗江湖 阅读(2779) 评论(0) 推荐(0) 编辑