PHP-HTMLhtml重要知识点笔记

Posted 2020-07-18 韦炳田

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集尾部的可爱屋有两个地方值得借鉴，一是链接菜单栏的动态背景图，
二是输入框只显示下边框，其他边框不显示