noteBook3.1-CSS

<p></p>段落

<br>强制换行

<b></b>粗体

<i></i>斜体

<u></u>下划线

<s></s>删除线，贯穿线<strike></strike>

上标

下标

<h#></h#>标题        #：1~6

<fontsize="";color="";></font>字体大小颜色

<em></em>强调文字，斜体

<strong></strong>加重字体

<code>显示编程代码

<samp>显示示例文字

<kbd>显示键盘按键文字

<small>缩小字体

<big>放大字体

<nobr></nobr>无换行

<center>居中

<pre></pre>预格式化文本（所修饰代码中空格个数不变）

<ol>有序列表

<ul>无序列表

Internet的基本协议是TCP/IP协议（传输控制协议），其最上层是应用层（Application Layer），其中包含所有的高层协议，包括FTP（文件传输协议）SMTP（电子邮件传输协议）DNS（域名系统服务）NNTP（网络新闻传输协议）和HTTP协议

HTTP协议允许传输任意类型的数据对象，传输类型有Content-type标记。

<li>标签定义列表项

<tt>定义打字机文本（H5不支持）

<imgsrc="";alt="">图片

<a>定义超链接

<ahref="http://...."><img src=""></a>

<map name=""></map>

<img> 标签中的 usemap 属性与 <map> 元素中的 name 相关联，以创建图像与映射之间的关系。

锚点链接

<a href="#html">单机到锚点</a>

<a name="html">锚点</a>

邮箱链接<a href="mailto:~~~@163.com">邮箱</a>

相对路径“../”表示上一级目录

移动<marquee direction=# behavior=# loop=3></marquee>

多媒体

<embed src="#">

autostart=true|false自动播放

loop=true|false循环播放

loop=2

hidden=true|false(默认)隐藏播放面板

height width align

DIV与CSS外联，引入外部CSS<link type="text/css" rel="stylesheet"href="div.css"/>

伪类link，visited，active，hover

文本设置

text-transform字母大小写转换capitalize，uppercase，lowercase，none

text-decoration文本修饰underline，overline，line-through，blink（闪烁），none

white-space空格处理方法normal，pre，nowrap

text-indent缩进，长度、百分比

 

position定位static，absolute，relative

z-index层叠（上下）auto，number

列表list-style：url("") inside none

list-style-image

list-style-position文本排练位置

list-style-type预设标记

CSS控制表格

<tr><td>

border-collapse: 边框分开与合并separate,collapse

table-layout: 完成表布局时所用的布局算法automatic（auto）,fixed

overflow

当内容超过层的大小时，使用overflow进行调整，包括visible、auto、hidden、scroll

鼠标指针类型

请把鼠标移动到单词上，可以看到鼠标指针发生变化：

格式<span style="cursor:auto">Auto</span>

auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help

not-allowed

no-drop

progress

vertical-text

url("")

display:对象可见性

block、none、inline、inline-block、list-item

visibility：是否显示

inherit（默认）、visible、hidden

选择符：

"*"通配选择符、"#"ID选择符、"."类选择

clear清楚浮动：
none : 　允许两边都可以有浮动对象
both : 　不允许有浮动对象
left : 　不允许左边有浮动对象
right : 　不允许右边有浮动对象

子选择器:只选择子，不选择孙

p>span{color:red}

*优先级：样式定义优先级，行内样式>ID样式>class样式>标记p样式

DOM：document objectmodel 文档对象模型

margin，padding

定位：static（默认定位方式）属于标准流

relative相对位置，相对于其正常位置，属于标准流

absolute其他盒子当他不存在，跳出标准流，相对于static定位以外的第一个父元素进行定位

fixed以浏览器窗口为基准

inherit规定应该从父元素继承 position 属性的值

float浮动left、right