前端考试知识点归纳总结

来源：互联网发布：java工程师学什么专业编辑：程序博客网时间：2024/05/16 12:19

1.html（hypertext markup language）中文名称超文本标记语言，作用是显示数据，而不是处理数据，并且是由浏览器解释执行，故不是编程语言，扩展名为.html和.htm

2.html中标记一般成对出现，但是也有例外，如<br/>,<hr/>,<input/>等，因为此类标签内部不会有其他内容，所以可以强制结束，在html5中又叫自封闭标签。html文档结构包含以下几部分：文档声明，html根标签，头部信息<head>,主体信息<body>

3.html中超链接可以链接到网络上的任何资源

4.路径有相对路径和绝对路径两种，绝对路径的参考点是从盘符开始，相对路径是当前文件所在路径开始的，因此两种路径的区别从根本上说是参考点的不同。

5.表格是以<table></table>定义的，常用属性有align border height width, bgcolor(用来定义表格背景颜色，值可以是6位或者3位16进制数，也可以是颜色英文名称)表格内tr代表表格的行，td代表表格的单元格，th代表表头，th内文字会加粗显示,colspan指表格的跨列，rowspan指跨行

6.标题标签只有6个，分别是h1-h6，数字越大，字越小。

7.css指层叠样式表，有三种使用方式：1.行内样式 2.内嵌样式 3.外部样式

8.常用的选择器：ID选择器，类选择器，标签选择器，后代选择器，相邻兄弟选择器，普通兄弟选择器，直接子元素选择器。其中相邻兄弟选择器必须满足以下两个条件：1.具有相同的父元素2两个容器必须紧紧相邻。而普通兄弟选择器则不必紧紧相邻。但是也必须具有相同的父元素。

9.html中列表有3种，有序列表<ol>，无序列表<ul>，自定义列表<dl>

10.css字体样式中，font是一个复合属性，可以设置字体，大小，样式等信息。font-size用来设置字体大小，color用来设置字体颜色，font-style用来设置字体样式，如斜体，font-weight用来设置字体是否加粗。text-decoration用来设置下划线，中划线，下划线等。

11.img用来在网页中显示图片，可以用height和width设置显示图片宽高，src用来设置要显示图片的路径，title用来设置图片在鼠标悬停其上时显示的提示信息，alt用来设置图片未显示时给出的提示信息，border用来设置图片的边框。

12.在html中根据标签显示效果讲标签划分为两大类，行级标签即多个标签可以并列显示，块级标签即一个标签单独占一行。行级标签和块级标签可以相互转化，但是在css中display：inline-block是指将设置了该样式的标签并列显示，并可以设置容器大小。

13.在css中background是一个复合属性可以设置背景图片，背景颜色，背景是否重复等效果。

14.html中<frameset>标签可以将窗口划分为若干个小窗口，其中row指代将窗口划分为若干行，cols指划分为若干列。

15.html中新增了<video>和<audio>标签，其中<audio>可以用来播放音频文件，video可以用来播放视频文件，也可以播放音频文件。

16.链接伪类样式有四种：link——链接默认样式：visited链接访问过的样式：hover访问过的样式。：active链接点击时的样式。四个样式只能按照以上顺序书写。

17.html5中新增若干语义化标签<nav>导航，<header>头部，<footer>底部，<aside>这些标签仅仅是名称语义化，但是也需要使用css对其进行修饰。

18.无序列表和有序列表的type属性可以更改其样式。

19.form表单用来向服务器提交数据，action属性的值是指数据提交的地址。method指数据提交方式。

20.input属性有type，name，value，maxlength（输入最大字数），required(是否必填) placeholder（输入内容提示信息）等。

22.<input>按钮分为3类，提交按钮（图片按钮也属于提交按钮），重置按钮，普通按钮。

23.select在html中指下拉框，属于表单元素，multiple属性出现时该select可以多选，但是多选是需要按住ctrl键。

24.css选择器优先级行内>内嵌>外联；id>class>标签。

25.盒子模型3大重点border，margin(外边距)，padding（内填充）

26.浮动float属性可以讲元素脱离文档流，清除浮动用clear：both。

27.background-attachment有两个值：fixed和scroll指背景图片是否跟随页面滚动而滚动。

28.bootstrap是Twitter公司推出的响应式框架。移动设备优先。其推出的栅格系统（官网文档中也称之为网格系统），可以将容器分为12等份，并且容器必须以container或者container-fluid修饰。

阅读全文

0 0