8内边距、边框和外边距

摘要: width和height都是针对内容区而言的,它们不能应用到行内非替换元素。width的值:<length>|<percentage>|auto|inherit,百分数相对于包含块的width。 元素背景会延伸到内边距中,但不会延伸到外边距中。margin设置元素的外边距,值:[<length>|< 阅读全文
posted @ 2016-12-09 22:16 U201113877 阅读(158) 评论(0) 推荐(0)

7基本视觉格式化

摘要: CSS假定每个元素都会生成一个或多个矩形框,这称为元素框。各元素框中心有一个内容区(content area),这个内容区周围有可选的内边距、边框和外边距。内容的背景(例如某种颜色或平铺图像)也会应用到内边距。外边距通常是透明的,从中可以看到父元素的背景。边框的颜色默认为元素内容的前景色。 包含块是 阅读全文
posted @ 2016-12-08 20:36 U201113877 阅读(115) 评论(0) 推荐(0)

6文本属性

摘要: 文本是内容,而字体用于显示这个内容。使用文本属性,可以控制文本相对于该行余下内容的位置、使其作为上标、加下划线,以及改变大小写等。 text-indent属性可以使段落第一行文本缩进。值:<length>|<percentage>|inherit。可以为所用块元素应用font-indent,单无法将 阅读全文
posted @ 2016-12-07 10:07 U201113877 阅读(145) 评论(0) 推荐(0)

5字体

摘要: CSS中定义了5种通用字体系列:serif,sans-serif,monospace,cursive,fantasy。font-family属性可以指定字体。当一个字体名中有一个或多个空格,或者如果字体名包括#或¥之类的符号,需要在font-family声明中加引号。font-family: Wed 阅读全文
posted @ 2016-12-06 19:44 U201113877 阅读(146) 评论(0) 推荐(0)

1CSS与文档

摘要: 层叠样式表(Cascading Style Sheet,CSS)的功能十分强大,可以影响一个或一组文档的表现。 为什么结构化对HTML来说很重要:1.非结构化页面使得建立内容索引极为困难。2.缺乏结构性会降低可访问性。3.高级页面表现只能应用于某种文档结构。4.结构化标记更易于维护。 CSS易于使用 阅读全文
posted @ 2016-12-04 19:49 U201113877 阅读(70) 评论(0) 推荐(0)

14交互活动:XHTML表单

摘要: 表单基本上就是带有一块输入信息区域的网页。当提交表单时,表单中的信息被打成一个数据包发送给web服务器,web应用程序对之经行处理。处理完成后,可以获得另一个相应页面。 使用<form>元素创建一个表单,任何元素块级别的元素都可以构成<form>元素。<form action="http://www 阅读全文
posted @ 2016-12-02 09:20 U201113877 阅读(91) 评论(0) 推荐(0)

13开始制作表格:表格和列表

摘要: XHTML语言用行元素定义表格。<table>属性可以用来创建表格,<tr>元素构成一个表格行,<th>元素构成一列的表格表头,<td元素构成一个单元格。 summary属性可以添加摘要,增加表格的可读性。<caption>属性可以为表格添加标题。 caption-side属性可以设置标题的位置。 阅读全文
posted @ 2016-12-01 18:35 U201113877 阅读(117) 评论(0) 推荐(0)

12布置元素:布局和排版

摘要: 浏览器用流来布置页面上的XHTML元素。浏览器从XHTML文件的开头开始,从头到尾跟着元素的流显示它遇到的每个元素。 当浏览器要并排显示两个内联元素时,两个元素之间的边界为两个元素边界之和。当浏览器并列放置两个块元素时,共同的边界会重叠到一起,重叠边界的高度是最大边界的值。 float属性让一个元素 阅读全文
posted @ 2016-12-01 08:41 U201113877 阅读(162) 评论(0) 推荐(0)

11高级网站构建:div和span

摘要: 用<div>元素把属于一个逻辑部分的元素包围起来。可以用id属性为<div>提供一个唯一的标签。 <div>的作用:1.更深一步展示页面的基本逻辑结构(相当于一个逻辑容器)。2.用结构把样式应用到某一部分(相当于一个图形容器)。嵌套结构也是很常见的,可以在结构上添加结构(即<div>可以嵌套使用)。 阅读全文
posted @ 2016-11-30 15:18 U201113877 阅读(184) 评论(0) 推荐(0)

10与元素亲密接触:盒元素(the box model)

摘要: line-height属性可以设置文本的行间距,可以用像素、em或百分比等于字体大小有关的值定义行间距line-height: 1.6em;(行间距为字体大小的1.6倍) CSS把每一个单一的元素看作是一个盒子。每个盒子由内容区及可选的补白、边框和边界组成。可以用补白在盒子的内容和边框之间创建可视的 阅读全文
posted @ 2016-11-28 12:40 U201113877 阅读(305) 评论(0) 推荐(0)