5.28
--------
HTML:
超文本标签语言，它由大量的标签组成。
标签：<html>
元素：<html></html>
<xx>无内容</xx> == <xx/>
特殊标记：
<(小于) >(大于) &(&) (空格)
©(©) ™(™) ®(®) ¥(人民币)
<b> <i> <blink>(跳动，闪烁) <u>
标签：
块级标签：标签前后会自动换行
行级标签：标签前后不会自动换行，能在同一行显示数据
常用标签：
注释标记：<!--这是注释标签-->
标题标记：<h1>....<h6> 自动换行
预格式标签：<pre></pre>
层：div
块：span 一段内容中的一小块
段落标签：p
列表：ul ol li
水平线：hr
字体标记：font size 1-7之间 +2（默认的基础上加2 默认是3 ） 一般不怎么用
图片标记：img
多媒体标记：embed
注意：莫个元素的属性值的xx%是相对于上一层的大小的百分比
URL:统一资源定位符
组成：协议+ip（+端口）+资源路径
访问同一空间中的资源：
绝对路径：例如：本地磁盘中的文件，从盘符开始
相对路径：相对于当前文件本身而言。从当前文件所在的目录开始
.. :上一层目录
. ：当前目录
超练级：实现对网络或者本地资源的连接，以便访问该资源。
语法：<a href="url" target="">文本</a>
href="#" //# 还在当前页面
//target 取值：_blank(新窗口) _parent(父容器) _top(整个浏览器) _self(当前窗口) 自定义
锚文本 <a name="xwq"></a> <a href="#xwq"></a>
连接到其它文档中的莫个地方 <a href="xx#yy"></a>
表格：
------
表格：table
标题：caption
表头：thead
主体：tbody
尾部：tfoot
行：tr
列：td 单元格
表头标题：th
属性：
边框：border
合并列：colspan
合并行：rowspan
单元格间距：cellspacing
单元格和数据的间距:cellpadding
表单：form
------
表单：<form name="" action="" method=""></form>
name:表单的名字
action:表单的提交路径
method:表单提交的方式 默认值是get 可以是：get post
?username=1&pwd=1&sex=boy//post比get安全 get中字符长符有有限制，255
文本框：input text
密码框：password
单选框：radio /checked
多选框：checkbox /checked
下拉框：select option /selected
文本域：<textarea rows="5" cols="20" name="info">默认显示的字</textarea>
文件域：file
提交按钮：submit
重置按钮：reset
一些属性：type name value size(组件的大小) maxlength
5.29
框架：
-------
框架集：frameset
框架：frame
内嵌框架：iframe <iframe src="xx.html"></iframe>
CSS(Cascading Style Sheet)层叠样式表
--------
功能：实现页面美化，实现样式与代码的分离
分类：
行内样式表：使用元素标签的属性 style
作用范围：当前元素
内嵌样式表：一般在页面头部 使用<style></style>标签实现
语法：<style type.....> 选择器 { 样式规则//多组样式属性与值的集合}</style>
作用范围：当前页面
外部样式表：单独定义css文件，用link或者import标签 指令 引入
<link rel="stylesheet" type="text/css" href="first.css" >
<style type="text/css">
@import url("first.css");
</style>
作用范围：多个页面
样式表使用优先级别：行业 > 内嵌 > 外部
选择器：
--------
标签选择器：使用标签名作为选择器 p{样式规则}
类选择器 ： class="p" .p{样式规则}
ID选择器： id="red" #red{样式规则}
选择器优先级别：ID选择器 > 类选择器 > 标签选择器
特殊选择器：
复合：标签可以和其它复合 P.aa{....}
组合：若干个选择器有相同的样式 a,#ab,.xx
嵌套：在选择器里面在选择选择器 a #ab
伪类选择器：常见于超链接的动作
a：hover{} --鼠标移上连接的样式
a:visited{} --被访问过的连接样式
a:active{} --鼠标按下连接未释放时的样式
a：link{} --未访问的链接的样式：
solid实线 dashed虚线
样式属性：
字体：font
文本：text word-spacing
边框：border
定位：top left width height
背景：background
常见的页面布局：
1、表格
优点：适合小片段代码 规整
缺点：出现大量的冗余代码
2、框架
优点：松散页面代码的耦合
缺点：适合小型网站开发
3、div+css
优点：灵活 大型门户网站使用
缺点：因为灵活，不好控制
盒子模型：
盒子与盒子：magin
盒子与内容：padding
边框：border
top bottom left right
注意：容器的百分比是相对于父窗口而言的
==============================
<div style="width:180px;height:230px;left:50px;top:80px;position:absolute;z-index:1">
<img alt="" src="advpic.gif">
</div>
position:absolute ： 绝对定位 top left 才能有用
z-index:层叠顺序，值越大越靠前
02-07
127
127
02-11
236
236
02-10
157
157
08-18
696
696
02-05
256
256
02-06
244
244
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
