1.type属性：
text：文本区域
readonly属性：是否只读。
password：密码区域，输入的文本以'*'展示
checkbox：复选框
checked属性：是否选中；
radio：单选框；
name属性：指定多个单选框的在一个区域里进行单选操作
reset：重置当前<form>表单里所有标签到初始化状态(如清除文本区域内容)
submit：提交当前<form>表单信息到指定页面
button：普通按钮
value属性：button按钮显示的文本
file：文件选择标签
hide：隐藏区域，可以把一些不展示给用户，而自己使用的信息存放于此
image：图片区域
src属性：指定图片存放的路径；
title属性：鼠标移到图上显示的文本；
alt：图片加载失败或关闭时，显示的文本；
2.<script>标签：
<head>之间的<script>标签一般存放css和js代码；</body>后的<script>标签：因为Html页面是从上到下加载，不是加载完再一次性显示内容，而是一边加载一边展示内容。
把Script放在body的后面，类似于说明此Script里的代码要调用body里的元素。若放在Head标签里，运行到此script代码时，body里的元素还没有加载，会获取不到所需的元素信息。
3.定位： CSS中position的absolute如何相对于父元素的位置进行定位
relative（相对）以及absolute（绝对）。
用absolute定位时，要把其上一级的元素样式属性position设置为relative。
也就是说，position的属性值的效果，直接受其容器样式中position属性值影响。
例如如下A-B的嵌套结构
<div id="A">
<div id="B">
</div>
</div>
当A的position为relative时，B的position为absolute才有效。这时候left:0、top:0就不再针对窗口文档，而是针对id为A的这个div了
4.页面固定宽度，不随窗口大小改动----css-->width:1200px;min-width:1200px;
相关推荐
【描述】"Web前端初级---模拟题-5套"进一步确认了这是针对初学者的Web前端训练材料，通过五组不同的模拟试题，学习者可以深入理解和实践Web前端开发的基本概念与技术。这些模拟题可能涉及到理论知识问答、代码编写及...
1. HTML基础：HTML（HyperText Markup Language）是构建网页的基础，包括标签、属性、结构等基本元素。案例可能包括简单的静态页面制作，如个人简历、产品介绍页等，通过这些实例，学习者可以了解到如何组织网页内容...
【标签】"前端项目"表明这是一个与前端开发相关的项目，意味着它涉及HTML、CSS和JavaScript等前端技术，特别是JavaScript的jQuery库。这通常用于构建用户界面，包括网页上的动态交互元素，例如本例中的地图显示和...
开放式问题涉及的技能和流程，如JavaScript延迟加载技术、关注的技术趋势、开发流程与使用的工具、网站性能优化策略、原型继承和闭包的理解等，都是前端开发者需要深入理解和掌握的核心概念。面试中，这些问题将有助...
在前端开发领域，锚点（Anchor）经常被用于创建页面内的跳转链接，使得用户能够快速定位到网页的特定部分。"前端项目-anchor-js.zip" 是一个专门针对这个需求的JavaScript实用程序，它使得在在线文档中添加深度锚...
Tether是一个强大的JavaScript库，主要用于定位DOM元素，使它们在页面滚动或窗口尺寸变化时保持相对位置，从而实现更流畅的UI体验。 一、Tether库介绍 Tether库的核心功能是通过JavaScript实现元素之间的精确定位...
在这个名为"前端项目-countly-sdk-web.zip"的压缩包中，我们聚焦的是Countly为Web应用提供的SDK，也就是Countly Web SDK。这个SDK允许开发者集成到他们的Web应用中，以便收集和分析用户行为数据。 首先，Countly ...
它的工作原理是在页面加载和窗口大小改变时，通过JavaScript实时调整 `<area>` 标签中的 `shape` 和 `coords` 值，保持与图像的相对比例，从而实现响应式图像映射。 【标签】"前端项目" 指出，这是一个与前端开发...
3. 表单控件：新增的标签属性和类型，如search、date、range等，提升用户交互体验。 4. canvas绘图：通过JavaScript进行图形绘制，实现动态效果。 5. SVG（可缩放矢量图形）：用于创建高质量的图形，不受分辨率影响...
jQuery-domPath的工作原理大致如下：它遍历DOM树，从当前元素开始向上遍历，直到到达根节点，将每一步的标签名和属性组合起来形成路径。如果元素有id，则使用id；如果没有，就使用标签名。此外，它还处理了一些特殊...
1. **HTML标签和属性**： - ` `用于创建换行。 - `<hr>`创建水平线。 - `<img>`插入图像，src属性指定图像源路径。 - `<ol>`, `<ul>`, `<li>`用于创建有序和无序列表。 - `<p>`, `<body>`, `<form>`分别代表...
比如添加额外的空标签并设置`clear:both`，使用`br`标签配合`clear`属性，或者设置父元素的`overflow`为`hidden`或`auto`。在IE6中，可能需要触发`hasLayout`，可以通过`zoom:1`实现。另外，还可以通过浮动父元素，...
正确地使用`<img>`标签和CSS属性，如`background-image`和`srcset`，可以确保图片在页面上正确显示，并且在不同设备上具有良好的性能。 `favicon.ico`是一个网站的图标，通常显示在浏览器的地址栏和书签中，提高...
1. 兼容性问题：前端开发者需要处理不同浏览器之间的差异，如IE与现代浏览器的差异，通常通过使用polyfill、条件注释或特性检测来解决。 2. 提高性能：压缩HTML、CSS和JavaScript，减少HTTP请求，利用CDN，优化图片...
1. **HTML与CSS基础**：实验中使用HTML创建基本的页面结构，包括`<div>`标签用于内容区域划分，`<img>`标签插入图片，`<h1>`标签定义大标题，`<ul>`和`<li>`标签创建导航菜单。CSS则负责样式设计，通过`<link>`标签...
标签“前端项目”表明这是一次与用户界面相关的开发实践，可能包括构建交互式网页、优化用户体验或实现特定的设计要求。前端开发通常涉及HTML、CSS和JavaScript这三大核心技术，而CSS是其中不可或缺的一部分，负责...
`与浮动元素的定位不冲突，但`float`与`position:absolute;`一起使用时，`float`会被忽略。 6. `perspective`属性用于创建3D视图，当其值小于某个阈值时，元素可能变得不可见。 7. 错误的浮动样式规则是`p{ float: ...
在品优购项目中，我们会学习如何使用选择器（如类选择器、ID选择器、标签选择器）来选中HTML元素，并设置属性，如颜色、字体、大小、布局等。浮动（float）、定位（positioning）、盒模型（box model）以及响应式...
此外，还有离线存储、拖放功能、媒体元素、canvas画布、svg矢量图、geolocation地理定位等新功能。 通过“02_文档总结.html”，你可以更深入地学习这些知识点，包括实例代码和解释，帮助你理解和应用HTML，构建自己...
* 在标签尾部添加空块级标签，设置样式属性为clear:both; * 父级定义伪类after和zoom，.box:after{display:block; clear:both; content:""; visibility:hidden; height:0;} .box{ zoom: 1 } * 父级设置overflow:...