1. iframe元素：浮动窗口；在一个含有body的页面中添加另一个页面；
<iframe src="www.baidu.com"/>
浮动窗口，可以使用嵌入其他网页来进行使用；
<body>
<h1>hello world</h1>
<a href="www.taobao.com" target="iframe1">连接到淘宝</A><br/>
<a href="kk.html" target="iframe1">连接到kk.html</A><br/>
<iframe name="iframe1" src="baidu">
<iframe src="http://g.cn">
</body>
2.表单元素
from一般都带action和method；
《action》一般是提交给哪个页面的url，
《method》提交数据有两种方式，get/post：
a，post安全，不会显示在地址栏；
b，提交数据量，get最多提交2000k，post无限制；
c，响应速度；get立即响应；
d，get可以收藏地址；
user，psw需要使用套接层加密；
3.隐藏域：偷偷提交数据，不影响界面效果；
4.移动：marquee，width，loop，scrollamount，
5.fieldset，legend，
6.登陆界面，有背景图，login.html
table缺点：a，显示样式和数据绑定在一起；
b，布局的灵活度不高；
c，一个页面可能会有大量的table元素，代码就会冗余；
d，增加带宽（200kb*200000*30）；
e，搜索引擎不喜欢这样的布局；
优点：
a，理解比较简单；
b，不同浏览器看到的效果一般是相同；
c，显示数据还是很好的；
div+css基本思想：数据和样式要分离；
div（区段）数据，图表，文字，css用来指定怎样显示；从而做到数据和显示分离。
7.引入css，<link rel="stylesheet" type="text/css" href="my.css"/>
style{
width:400px;
height:300px;
background-color:silver;
border:1px solid red;
margin-left:400px;
margin-top:250px;
padding-top:250px;
paddint-left:40px;
text-decoration:underline;
}
zendstudio：开发过程有提示，效率会高；
<link rel="stylesheet" type="text/css" href="demo1.css">
<link rel="stylesheet" type="text/css" href="demo2.css">
<body>
<!---span存放行内小块内容-->
<span class="s1">栏目一</span>
<span>栏目一</span>
<span>栏目一</span>
<span>栏目一</span>
</body>
css
类选择器属性
界面滤镜
静态滤镜
转变滤镜
<!--如何把css嵌入html中（内联css）-->
<style type="text/css">
img{
filter:gray;
}
</style>
8
<head>
<style type="text/css">
a:link img{
filter:gray;
}
a:hover img{
filter:"";
}
</style>
</head>
<body>
<a href="3"><img src="2.jpg"/></a>
</body>
选择器：类选择器、id选择器、html元素选择器、通配符选择器；
优先级：id>class>html>通配符选择器；
多个类选择器的话，css中谁写在后面，谁为准；
类选择器名{
属性名：属性值；
}
#id选择器名{
属性名：属性值；
}
html
{
属性名：属性值；
}
a:link{
color:black;
text-decoration:none;
}
a:hover{
text-decoration:underline;
color:green
}
a:visited{
color:red;
}
通配符选择器：
*{
/*margin-top:40px;
margin-left:0px;*/
margin:10px,30px,50px,20px;/*上-右-下-左*；如果是两个值，代表（上下，左右）*/
margin:0px;
padding:0px;/*屏蔽不同浏览器的默认边距，因浏览器不同，但是通配符的优先级最低*/
}
父子选择器：
#id1 span{
color:red;
font-style:italic;
}
#id1 span span{
color:green;
}
行内元素inline，块元素：block
行元素：inupt type="XXX"，a,span;行内元素只占内容的宽度，块元素内容不管内容多少占全行。
行内元素只能容纳文本和其他行内元素，块元素可以容纳文本；一些css属性对行内元素不生效；比如margin，left，width，height，建议使用块元素div定位；
块元素：div，p，
display可以进行转化行元素和块元素
import url("被引用的css文件")
流：
标准流：在html文件中，写在前面的元素在前面显示，写在后面的在后面显示；
非标准流：当某个元素脱离标准流，就属于非标准流。
DOCTYPE的引用
让body自动居中；margin：0 auto；
类选择器：优先级比较低，如果要改的话，就可以使用id选择器进行修正；
使用css的话，需要在head中进行引用；
<link rel="stylesheet" type="text/css" href="box2.css">
使用ul，在布局中可以控制显示的多少；
.li{
list-style-type:none;
float:left;
width:52px;
height:50px;
border:1px solid red;
}
右浮动：针对块元素，向右移动，让出自己的空间给别人用。
如果不希望别的元素在某个元素的左边或者右边，可以清除浮动的方法：clear:right;clear:left;clear:both;
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
