第二天学习文档

 

#列表

##无序列表

 

 

嵌套：

 

##有序列表(ol)

<ol>(代表一个项目列表编号)

<li>   </li>

<li>   </li>

</ol>

Output

1.

2.

<div>:流内容容器，不属于行内元素

##定义列表<dl>,<dt>,<dd>

1. dl表示列术语的定义
2. dt表示每个术语
3. dd对应的术语描述

#表格

 

 

colspan:合并行单元格

rowspan:合并列单元格

表格属性：

 

#引用

##块引用<blockquote>

##行应用<q>

##字符实体引用

 

# 预格式化文本

## pre属于块元素，适合显示大片的按原格式输出的内容

 

## code

 

# 音频

<audio src=””>  </audio>

 

#视频

 

第三章CSS

1. 层叠样式表,将表现与内容分离
2. HTML负责内容
3. CSS负责表示

基本语法：

selector{

 property: value;

 property: value;

...

property: value;

}

多选择器语法模板

Selector 1,selector2{

 property: value;

 property: value;

...

property: value;

}

#CSS引入方式

##行内引入

##内嵌式引入

##链接式引入

#CSS注释（格式：/*  */）

#CSS属性

##颜色

1. （文本）前景色   --color
2. 元素背景色       --backgroung-color

<p>Whoa.I know Kung fu.</p>

P{

color:red;

Background-color:yellow;

}

1. 颜色表示方式

 

 

#CSS属性

##Font属性

 

##text属性

#CSS其他属性

##background

###backgroung-image

###background-repeat

1. repeat:水平和垂直都重复图片

1. repeat-x:水平
2. repeat-y:垂直
3. no-repeat:不重复

## list属性

#样式继承与冲突

 

 

#ID和ID选择

表示：#+关键词

##类选择器

.special

p.shout

##伪类选择器

 

#页面划分及上下文选择器

页面划分（div）

1. 用来指出页面的逻辑区域
2. 缺省情况下不显示，但可以在其中应用样式

#页面布局及盒模型

##页面布局

###块元素

###行内布局

###整个页面

##盒模型

把页面划分为四个部分

1. 元素的内容显示区
2. 围绕着元素的边界（border
3. 

 

1. 内容和边界的距离(padding  {padding:1em 2em 3em 4em:}

从top开始，沿顺时针方向，top,right,bottom,left

{padding:1em 2em}

第一组指：top,bottom

第二组指：right,left

1. 边界和其它内容外边界的距离(margin