1.用frameset、frame和iframe还实现多窗口
2.在图片上利用映射距离usemap来实现按钮跳转。------第8尾集
3.表单必须要有name和value,因为抓包的时候,可发现必须要提交它们
4.fieldset标签——>legend、lable
5.只能用margin-top、margin-left定位div距离页面边距。
6.padding-top、padding-left定位div里面的元素距离div边距的距离
7.超链接默认是link。可以设置hover的属性,还有visited
8.四个选择器优先级:id选择器(#)>class选择器(.)>html选择器>通配符选择器(*)
9.父子选择器,比如#id1 span{}----->类似于a.clas1{};a.clas2{}
还可以#id1 span span。不一定只有一级。
(1)父子选择器可以有多级(但实际开发中不要过三层)
(2)有严格的层级关系
(3)父子选择器不局限于什么类型选择器
.s1 #id span
div #id .s2
10.一个元素可以同时有id选择器和class选择器。
比如<span class="s1" id="news">呵呵</span>
11.一个元素最多有一个id选择器,但是可以有多个类选择器
比如<span class="cls1 s1">呵呵</span>
特别注意:当两个类选择器发生冲突时,则以写在css文件中的后面那个类选择器为准
12.我们可以把某个css文件中的选择器共有的部分,独立出来写一份
比如 .s1 , .s2 , .s3{}
13.行内元素和块元素
(1)行内元素它只占能显示自己内容的宽度,而且它不会占据整行
(2)块元素它不管自己的内容有多少,会占据整行,而且会换行显示
==>>常见的行内元素有<a><img><input>
==>>常见的快元素有<div><p>
14.行内元素和块元素可以相互转换。用display:inline--block
15.CSS盒子模型:第13集中下部分讲margin、border、padding
16.注意一些元素的默认边距。因此要注意除掉。比如ul
17.定位
==>相对定位:相对该元素应当显示的位置重新定位,虽然脱离了
标准流,但是位置不让出来,不能被占用
==>绝对定位:对该元素最近的那个脱离了标准流的元素定位,如
果没有父元素(或者有父元素,但是父元素没有脱离标准流),
则相对于body左上角定位
==>Fixed定位:总是以视窗的左上角定位
==>left top属性 对 static 没有效果,sattic是依靠margin_left和margin_top定位的
==>z_index 用于设置对象(div)显示时候,层叠的属性,z-index越小,越在下面
18.行内元素对height、width的值无效。除非转换成浮动(float)或者(display:block)
19.第20集尾部的可爱屋有两个地方值得借鉴,一是链接菜单栏的动态背景图,
二是输入框只显示下边框,其他边框不显示