前端_JavaScript DOM DOM简介 JavaScript DOM 是指 JavaScript 中的文档对象模型（Document Object Model）；它允许 JavaScript 与 HTML 页面交互，使开发者可以通过编程方式动态地修改网页内容和样式，以及响应用户的交互。 获取元素 获取元素是使用 JavaScript DOM 最常见的操作，可以使用以下方法获取元素： doc…
011、前端_JavaScript DOM
010、前端_JavaScript BOM
101、前端_JavaScript BOM Window对象的常用属性 属性名称 说明 history 有关客户访问过的URL的信息 location 有关当前 URL 的信息 screen 只读属性，包含客户端显示屏幕的信息 语法： window.属性名= "属性值"; window.location=""; Window对象的常用方法 方法名称 说明 p…
009、前端_HTML 表单
前端_HTML 表单 一、表单语法 <form method="post" action="result.html"> <p> 名字：<input name="name" type="text" > </p> <p> 密码：<input name=&qu…
008、前端_HTML 基础
前端_HTML 基础 一、什么是HTML？ HTML是超文本标记语言，超文本标记语言包括文字、图片、音频、视频、动画等。 二、HTML的发展史 三、HTML5的优势 世界知名浏览器厂商对HTML5的支持、微软、Google、苹果、市场的需求等 四、HTML基本结构 <html> <!--网页头部--> <head> <title>我的第一个网页<…
007、前端_HTML 列表、表格、媒体元素
前端_HTML 列表、表格、媒体元素 一、什么是列表 列表就是信息资源的一种展示形式，它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息。 二、无序列表 <ul><!--声明无序列表--> <li>新建标签页1</li> <li>新建标签页2</li> <li>新建标签页3<…
006、前端_CSS 美化网页元素
前端_CSS 美化网页元素 一、为什么使用CSS 有效的传递页面信息，使用CSS美化过的页面文本，使页面漂亮、美观，吸引用户，可以很好的突出页面的主题内容，使用户第一眼可以看到页面主要内容，具有良好的用户体验。 二、字体样式 属性名 含义 举例 font-family 设置字体类型 font-family:"隶书"; font-size 设置字体大小 font-size:12p…
005、前端_CSS 网页动画
前端_CSS 网页动画 前言 CSS是一种用于网页设计和排版的语言，也可以用它来制作网页动画。下面是一些制作网页动画的CSS技巧： 一、使用CSS3动画 CSS3引入了动画属性，允许您为元素设置动画效果。您可以使用关键帧来定义动画的开始和结束状态，并使用动画属性指定动画的持续时间、速度曲线等。 例如，要制作一个淡入淡出的效果，您可以使用以下CSS代码： .fade-in-out { animati…
004、前端_CSS 盒子模型
前端_CSS 盒子模型 一、什么是盒子模型 css盒子模型又称为框模型，盒子的最内部是元素的实际内容即元素内容，紧挨着元素框外部的是内边距，其次是边框，然后最外层是外边距，这几部分共同组成了盒子模型。 二、边框border-color 属性 说明 示例 border-top-color 上边框颜色 border-top-color:#369; border-right-color 右边框颜色 bo…
003、前端_CSS 浮动
前端_CSS 浮动 前言： CSS浮动是一种布局技术，它允许元素浮动到其父元素的左侧或右侧，从而腾出空间给其他元素。 一、设置浮动属性 使用CSS float属性将元素设置为浮动。例如，如果您希望一个元素向左浮动，可以使用以下代码： float: left; 如果您希望元素向右浮动，可以使用以下代码： float: right; 二、确定浮动元素的宽度 在浮动元素的宽度上，有两种不同的方式可以设置…
002、前端_CSS 定位网页元素
前端_CSS 定位网页元素 前言 当我们在设计网页时，经常需要对网页中的元素进行定位，以便它们出现在我们想要的位置。在 CSS 中，我们可以使用不同的定位属性来定位元素。 一、position: static 这是元素的默认定位属性，也就是元素在文档流中的位置。如果你没有指定元素的定位属性，那么元素就是 static 定位。 二、position: relative 这个属性相对于元素的默认位置进…