前端小套装
关注
分享
扫一扫
文章平均质量分 92
HTML称为超文本标记语言，是一种标记语言。CSS3是CSS（层叠样式表）技术的升级版本。JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。jQuery是一个快速、简洁的JavaScript框架。
眰恦ღ
人生没有彩排，每天都是现场直播，加油！
展开
-
DOM文档对象模型
什么是DOM？DOM:Document Object Model（文档对象模型）是HTML文档对象模型（HTML DOM）定义了一套标准方法，用来访问和操纵HTML文档1、 document对象常用属性名称说 明referrer返回载入当前文档 的 URLURL返回当前文档的 URLvar preUrl=document.referrer; //载入本页面文档的地址if(preUrl==""){ document.write("&原创 2021-02-20 04:06:22 · 125 阅读 · 0 评论 -
BOM浏览器对象模型
什么是BOM？BOM：Browser Object Model（浏览器对象模型）提供了独立于内容与浏览器窗口进行交互的对象使JavaScript有能力和浏览器“对话”1. window(重要)代表浏览器窗口，可以用来控制当前窗口或打开新的窗口所有JavaScript全局对象、函数以及变量均自动成为window对象的成员常用属性history 有关客户访问过的URL的信息location 有关当前URL的信息window.location="http://ww原创 2021-02-20 04:03:55 · 152 阅读 · 0 评论 -
什么是JavaScript和JavaScript基础语法
什么是JavaScript?1、概述JavaScript 简称JS，是一种脚本编程语言，它灵活轻巧，兼顾函数式编程和面向对象编程，是 Web 前端开发的唯一选择。JavaScript 还有很多框架，比如 jQuery、AngularJS、React 等，它们这是学习 JavaScript 的重要内容。JavaScript 最初只能运行于浏览器环境，用于 Web 前端开发，后来有“好事”的程序员将 JavaScript 从浏览器中分离出来，搞了一套独立的运行环境，所以现在的 JavaS原创 2021-02-20 03:48:55 · 406 阅读 · 0 评论 -
利用CSS3制作动画(变形、过渡、动画)
CSS3变形变形介绍CSS3变形是一些效果的集合，如平移、旋转、缩放、倾斜效果每个效果都可以称为变形（transform），它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化。CSS3变形是通过tranform实现的，可以用在块元素和行内元素上，该属性可以旋转、缩放、移动元素。transform:[transform-function] *; 设置变形函数，可以是一个，也可以是多个，中间以空格分开。变形函数translate()平移函数，基于X、Y坐标重新定位元素的位置原创 2021-01-09 15:24:34 · 1611 阅读 · 0 评论 -
网页定位(position属性、相对定位、绝对定位、固定定位、z-index、设置透明度)
position属性static：默认值，没有定位relative：相对定位,相对于自己原来的位置进行偏移absolute：绝对定位，以它最近一个已经定位的祖先元素为基准进行偏移fixed：固定定位，定位基准是浏览器窗口<div id="father"> <div id="first">第一个盒子</div> <div id="second">第二个盒子</div> <div id="third">第三个盒子&原创 2021-01-05 01:25:22 · 6992 阅读 · 0 评论 -
display属性和浮动
网页布局排版标准文档流：指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列。这也是元素默认的排列方式。（未排版）标准文档流组成块级元素（block）<h1>…<h6>、<p>、<div>、列表内联元素（inline）<span>、<a>、<img/>、<strong>...内联标签可以包含于块级标签中，成为它的子元素，而反过来则不成立排版后display属性的使用dis原创 2021-01-03 11:07:54 · 367 阅读 · 0 评论 -
盒子模型(border、margin、padding、box-sizing拯救布局、圆角边框、阴影)
什么是盒子模型？（1）content：位于最中间，网页的主要显示内容。（2）border：位于内边距外面，如果没有内边距就是包着内容的外框，它一般具有一定的厚度（3）padding：位于边框内部的空隙，是内容和边距的距离。（4）margin：位于边框外部空隙，边框外面周围的距离。边框1、边框的颜色border-color属性说明示例border-top-color上边框颜色border-top-color:#369;border-right-color右边原创 2020-12-30 21:59:23 · 1166 阅读 · 0 评论 -
CSS美化网页元素（字体样式及排版、超链接伪类、列表样式、背景样式、渐变）
美化网页元素为什么要美化网页？有效的传递页面信息美化网页，页面漂亮，才能吸引用户凸显页面的主题提高用户的体验span标签：重点要突出的字，使用span套起来<!--设置样式-->……<style> #title{ font-size:30px; }</style>……<!--使用span标签重点突出Java-->……欢迎学习<span id="title">Java</s原创 2020-12-29 01:15:30 · 934 阅读 · 1 评论 -
初识CSS及选择器
什么是CSS？CSS全称为层叠样式表（Cascading Style Sheet）,通常又称为风格样式表（Style Sheet），它是用来进行网页风格设计的。使用层叠样式表，还可以精确地定位网页元素位置，美化网页外观。CSS发展史1996年12月推出了CSS规范的第一版，即CSS1.0版本。1998年5月W3C发布了CSS的第二版，即CSS2.0版本。（DIV块 + CSS,HTML与CSS结构分离的思想，网页变得简单，SEO）2004年W3C升级了CSS2.0版本，变为CSS2.1版本。原创 2020-12-27 17:26:19 · 415 阅读 · 2 评论 -
html5基础（网页基本标签、图像标签、超链接、列表、表格、媒体元素、iframe框架、表单）
Html5基础网页的基本信息1.DOCTYPE声明**文档类型的声明**，约束HTML文档结构，检验是否符合相关Web标准，同时告诉浏览器，使用哪种规范来解释这个文档中的代码。DOCTYPE声明必须位于HTML文档第一行<!DOCTYPE html>2.标签使用标签描述<strong>网页的标题</strong>，类似一篇文章的标题，一般为一个简洁的主题,并能使读者有兴趣读下去。<title>搜狐-中国最大的门户网站</title>原创 2020-12-23 16:27:30 · 644 阅读 · 0 评论