前端基础知识及常用标签的使用方法说明

1. p标签：p标签的作用使将标签的内容前后两端自动换行，即p标签的内容是单独的一段，不会上下的影响。

2. img标签：img标签的src属性应是img目录下的图片相对地址，不能是图片的绝对地址(绝对地址是磁盘中图片对应的地址)。

3. a标签：a标签是超链接标签即用于页面跳转，右两种使用方法。第一种是引入href="url的地址"，url可以是本地文件，也可以是网络地址，并引入target属性，target属性值有三种(1、_self--在当前页面打开，2、_blank在新建的窗口打开 3、当一个页面由框架集构成时，可让target="某个框架的name属性值，则可将a标签的href属性值地址跳转到对应name属性值的框架中")。

第二种使用方法是锚链接法，先在某处使用a标签并为属性值name赋值，然后在此页面任意处设置超链接，href的属性值是前一个a标签的name属性值并在值起前面加上#(代表该值在本页面)，运行页面点击后一个a标签时，会跳转到前一个a标签的位置。

4、tbale表格中的th、td是同等地位的都代表一个列表格，但th由字体加粗居中的作用，所以常用于表格的标题。

5、div标签和form标签都占一行，div是个块级元素能设置宽高，span是行级标签不能设置宽高，且不独占一行，常用于输入框的后面作为提示信息显示。

7、frameset框架集不能和body标签共存，一个frame框架包含一个html页面，当页面结构多于一个时就要使用frameset 并使用rows、cols属性将页面由上到下、由左到右划分，同时给属性赋值来调节权重百分比，frame是嵌套在框架集中的标签，属性src的内容是指对应地址的页面将会在此框架上展示，name属性是给框架标签起名称的。(原则是将页面按从上到下及从左到右的优先级尽心页面填充)

8、选择器的优先级排序：id选择器(使用时需要在id名前加#用来指明是当前页面的内容) > 类选择器(一般用于为多个同名的class属性值的标签添加样式) > 标签选择器

9、伪类选择器有四种，使用方法是：任意一种选择器：(hover、link、active、visited)，若要使伪类选择器的四种效果循坏产生则书写顺序为：link、visited、hover、active

10、当要为body体设置背景图片时可利用background： background-color background-image backgrpund-repeat background-position 的样式赋值规则进行填充样式值 ，这是background的简写属性。

11、使用表单标签时除了有特殊功能的标签时，其余标签都要有一个name属性，并赋值，方便后台接收且能精确识别前台的信息

12、href表示引用资源，并且让当前元素和资源之间建立联系，而src是指引用资源，并且替换当前元素

一般可以使用src属性的标签由

13、table中的列合并和行合并分别是colspan=(要合并的列数)，rowspan=xx，这两个属性都是作用于td或th标签中的。当使用colspan时属性值数字xx是多少就要在这一行(tr标签)中少xx-1个td列标签，rowspan原理与colspan一样，只不过要省去改列上面每行的td标签。

14、link标签与css文件建立连接时不能在head标签的style样式标签内引用，但必须在head标签之内使用。

15、显示边框的简写属性：border:border-width border-style(必需) border-color; 边框必须要有框宽度、边框样式、边框颜色 ，当然如果在使用了边框简写的方法后，要对边框某个边单独修饰，可以使用border-(top、right、bottom、left)：xx xx xx xx； 注;border-radius：(像素值)可以将边框的方角边圆角

16、使用css修饰table时可以使用并集选择器方式同时给table、th、td添加边框，对table使用border-collapse样式(是否将表格边框折叠为单一边框)即border-collapse：collapse(合并)，就可将外部边框和内部边框线合并。

17、在css列表样式中，对ul标签使用list-style-type属性(指定列表项标记的类型)并赋予对应的值就可以改变列表项内容前面的小黑点，也可搭配上list-style-image：（url）替换成对应地址的图片，可以利用li的样式属性displiay变换li的排列方式。

18、border-radius：xxpx；是将边框的四个棱角或者指定的棱角修改为xxpx弧度的圆角。

19、行级元素标签不能设置宽高，只能靠内容或图片来撑起宽高。所谓行级元素就是部独占一行，与不独占一行的元素会在一行上并排排序。如：span标签

20、盒子模型的使用：css盒子模型就是可以对任何标签都可在外部嵌套一个div块，并设置宽高，即将东西包裹在盒子里，就可以通过控制盒子来进行页面布局。一个div块独占一行，其余元素另起一行，一般在进行页面布局时，可通过margin属性(即盒子与外部框的边距)来操纵盒子的位置，从而可控制标签的位置，使用padding属性(即盒子内部内容距离盒子边框的边距)可对盒子内部的内容进行移动。

20.请简要描述一下什么是CSS

答：css就是为普通的html页面增添修饰的，使用css样式可以让html页面更加美丽。

21.请简述表单提交get和post区别?

答：区别：(1)、使用get提交方式会将用户在登录注册页面输入的数据提交到跳转页面的地址栏上，而post提交方式并不会将用户输入的数据提交到网页地址栏上，

但可通过右击鼠标点击检查在网络栏的负载里面看到用户的数据信息

(2)、get提交方式更加适合提交不私密的数据，post相对而言，更适合提交私密的数据。

(3)、地址栏上的数据存储大小是有限制的，而通过post的方式提交数据，对于数据的存储是没有限制的。

22.CSS导入样式的方式,请说明

答：(1)、使用link标签导入css样式。即在头标签中使用link标签并且对href属性值赋予要关联的css文件再设置rel属性。

（2）、在头标签中引入style标签在内部书写@import url(xxx.css)；

23.请描述什么是CSS盒子模型

答：css盒子模型就是可以对任何标签都可在外部嵌套一个div块，并设置宽高，即将东西包裹在盒子里，就可以通过控制盒子来进行页面布局。

24.img标签上title属性与alt属性的区别是什么？

答：当鼠标悬浮在对应的图片上时为了显示文字描述，就可使用title属性并赋予对应的值，此时悬浮在图片上时出现的文字显示就是你赋予title的值。

当一个图片失效时为了能辨别出这个图片的作用，就可使用alt属性，来声明此图片是干什么的。

25.请简述伪类选择器的状态

答：伪类选择器的状态分为四种即未选中，悬浮，点击中，点击后对应标签名为link、hover、active、visited。使用方式---书写格式：选择器+：+四种状态中的任意一个{xxxx}

如果要使得四种效果按顺序循环发生，则四种状态的书写顺序为link、visited、hover、active。