PHP-HTMLhtml重要知识点笔记

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

时间: 2024-10-22 18:59:16

PHP-HTMLhtml重要知识点笔记的相关文章

BOM知识点笔记

Window 对象常见属性 innerHeight  当前窗口文档显示区域的高(这里的宽度和高度不包括菜单栏.工具栏以及滚动条等的高度.) innerWidth   当前窗口文档显示区域的宽(这里的宽度和高度不包括菜单栏.工具栏以及滚动条等的高度.) outerHeight  当前窗口文档(包含菜单栏.控制台.边框)的高 outerWidth   当前窗口文档(包含边框.滚动条)的宽 window对象常见方法 clearInterval()  setInterval()  setTimeout(

《机器学习实战》知识点笔记目录

从今天起,开始学习<机器学习实战>,并记录学习到的知识点. -- 2017-12-31 1,第2章KNN算法笔记_函数classify0 原文地址:https://www.cnblogs.com/wang7/p/8158225.html

python3学习知识点笔记

class Class_name(object): # 声明类Class_name,继承自object class Class_name: #不显示继承自object,创建类Class_name class Fruit: #创建水果类 def __init__(self): #_init_ 为初始化类的内部状态,self 是参数 代表声明的类自己本身, self.name = name   # name 为类的内部私有属性 self.color = color # color 也为类的内部私有属

命题逻辑重要知识点笔记

^ : 合取联结词.p^q,命题p,q同时为真 :  析取联结词. pq,命题p,q至少有一个为真 →:蕴含联结词.p→q,"如果p,则q","只有q,才p".q是p的必要条件 ↔:等价联结词.p↔q,"p↔q为真当且仅当p与q同时为为真或为假".q和p互为充要条件.(重言式) 注:这个联结词要与 <=> 区分开,<=>不是联结词,它用来说明p,q等值,如两者真值表相等,则可用这个符号 利用真值表进行运算

Spring 入门知识点笔记整理

一.Spring 概述 1. 什么是spring? Spring 是个java企业级应用的开源开发框架.Spring主要用来开发Java应用,但是有些扩展是针对构建J2EE平台的web应用.Spring 框架目标是简化Java企业级应用开发,并通过POJO为基础的编程模型促进良好的编程习惯. 2. 如何实现简化java开发的目标? 为了降低java开发的复杂性,spring主要采取以下4种关键策略: 基于POJO的轻量级和最小侵入性编程. 通过依赖注入和面向接口编程实现松耦合. 基于切面和惯例进

ADO.NET知识点笔记

1 DataColumn 的DataType可以是任一数据类型,包括自义定类和结构. DataTable dt = new DataTable("Product");             dt.Columns.Add("ProductId",typeof(int));             dt.Columns.Add("ProductProperty", typeof(ProductProperty));             Data

web移动端常用知识点笔记

摘要:因为平时搞移动端的比例多一点,做个小小的总结.虽然网上很多这方面的总结,不过还是想自己也总结一下,适合自己的才是最好的.这样也方便以后自己的查阅 viewport模板——通用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 --> <meta content="width=device-

C#零碎知识点笔记(容易混淆的一些点)2

1:字符串 string 的本质就事一个 char 类型的数组: 2:可以使用下标索引字符串中的字符元素: 3:字符串中的一些方法: 1:str.Contains(""); 这是一种检测在字符串中是否包含指定的子字符串的方式: 2:str.IndexOf (''); 这个方法是为了获得字符串中某个元素的下标,其中的括号内是单引号: 3:str.Remove(); 这个方法就是从签入的下标位置开始把后面的都删除掉:如果后面再加一位数这个数表示的是后面删除的位数: 4:str.Replac

知识点笔记

// JQuery判断一个字符串是否在数组中,不在返回-1,在则返回在数组中的位移 var result = $.inArray(arr,element); // SQL语句 查询一个表中不同Type的所有最新数据[Time最大],即找出每个Type中Time最大的数据,返回数据数量应该与Type类型一样多 select * from FWT as A where Time=(select MAX(Time) from FWT where Type=A.Type) // 创建文件时独占文件,如果