08 2020 档案
摘要：添加样式：元素名::-webkit-scrollbar{display:none;}
阅读全文
摘要：translate translate这个参数的，是transform 身上的，那么它有什么用呢？ 其实他的作用很简单，就是平移，参考自己的位置来平移 translate() translateX() translateY() translateZ() translate3d() translate
阅读全文
摘要：动画Animation 常用属性 动画就是由一个个的关键帧组成的。 想实现一个动画的效果，这个时候 1.需要先预设一个动画 @keyframes cc { /* 动画序列：时间节点 */ /* 开始状态 */ /* 节点设置 */ /* 写CSS属性 */ from { transform: tra
阅读全文
摘要：效果展示： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> //清除默认
阅读全文
摘要：效果展示： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：利用CSS控制元素的显示与隐藏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
阅读全文
摘要：代码如下： <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin:0;padding:0;list-style: none;text-decoration: none; } body{ bac
阅读全文
摘要：给body元素设置背景色，但是body没有内容，高度没有填充整个浏览器情况下，浏览器整个窗口都是body设置的背景色，这个是什么导致的？ 一般情况下，我们css控制的最高结点就是body，例如设置：body{background:#069;}则浏览器界面就是完全的#068的背景色。这里看上去是bod
阅读全文
摘要：style方法 style对象代表一个单独的样式声明，可以从应用样式的文档元素访问Style对象。style对象获取的是内联样式获，取不了外部的样式，即这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），而无法获取定义在<style type="text/cs
阅读全文
摘要：一、常见定位方案 在讲 BFC 之前，我们先来了解一下常见的定位方案，定位方案是控制元素的布局，有三种常见方案: 普通流 (normal flow) 在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新
阅读全文
摘要：概述 许多的web开发者不了解给html与body元素设置样式有什么不一样，大多数时候开发者只是给body设置样式，当不起作用的时候，他们会把所有的样式都加到html与body元素上，直到出现觉得符合他们的期望的效果了，但是他们并不知道样式是在谁的身上起了作用。 出现这种混乱的情况是可以理解的，因为
阅读全文
摘要：元素的层级 1.下面的盖住上面的元素 2.z-index大的盖住z-index小的 3.父元素的z-index再大也盖不住子元素 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="te
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：一、DOM元素的获取(连style这个标签也可以获取）1）document.getElementsByClassName ( “class”)返回集 htmlcollection ,用法和数组一致说明: class为DOM元素上class属性的值2）document.getElementById(
阅读全文
摘要：CSS中的定位使用来布局的熟练应用对页面美化有很好的帮助，下面就进行详细介绍：定位分为静态定位，相对定位，绝对定位，固定定位这四种，定位有不同的参数，例如：left、right、top、bottom、z-index等。 1、静态定位（static） 一般的标签元素不加任何定位属性都属于静态定位，在页
阅读全文
摘要：我们在进行页面布局的时候可以发现元素在脱离文档流后，就会出现高度塌陷问题。 一、什么是高度塌陷？ 通过下面的例子了解什么是高度塌陷。 在页面中设置一个盒子box，其中在嵌套一个子元素小盒子box1。box设置边框宽度，而高度不去设置（高度会由内容撑开） 但是当我们向盒子里面添加内容的时候<div c
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：jQuery增删元素类名 作用等同于以前的classList，可以操作类样式，注意操作类里面的参数不要加点 1、添加类 $("div").addClass("current"); 2、删除类 $("div").removeClass("current"); 3、切换类 $("div").toggle
阅读全文
摘要：第一个案例： 淘宝服饰精品案例 案例分析： 1、核心原理：鼠标经过左侧盒子某个小li，就让内容区盒子相对应图片显示，其余的图片隐藏 2、需要得到当前小li的索引号，就可以显示对应索引号的图片 3、jQuery得到当前元素索引号$(this).index(); 4、中间对应的图片，可以通过eq(ind
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="js/
阅读全文
摘要：jQuery可以使用css()方法来修改简单元素样式；也可以操作类，修改多个样式。 1、参数只写属性名，则返回属性值 $(this).css("color"); 2、参数是属性名，属性值，逗号分隔，是设置一组样式，属性名必须加引号，值如果是数字可以不用跟单位和引号 $(this).css("colo
阅读全文
摘要：页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处理复杂选择过程与性能优化，更多专注业务逻辑的编写。jQuery几乎支持主流的css1~css3选择器的写法，我们从最简单的也是最常用
阅读全文
摘要：JQuery是一个快速、简洁的Javascript库，其设计的宗旨是“write Less ,Do More",即倡导写更少的代码， 做更多的事情。 J就是Javascript；Query查询;意思就是查询JS，把Js中的DOM操作做了封装，我们可以快速的查询使用里面 的功能。 jquery封装了j
阅读全文
摘要：垂直方向上的外边距 垂直外边距的重叠 -相邻的垂直方向外边距发生重叠现象 -兄弟元素 -兄弟元素间的相邻垂直外边距会取二者之间的较大值（二者都是正值） -特殊情况： 如果相邻的外边距一正一负，则取两者的和 如果相邻的外边距都是负值，则取两者中绝对值较大的 -兄弟元素之间的外边距的重叠，对于开发是有利
阅读全文
摘要：框模型/ 盒模型/盒子模型 水平布局 元素在其父元素中的水平方向位置由margin-left、border-left、padding-left、width、padding-right、border-right、margin-right共同决定 一个元素在其父元素中，水平布局必须满足：上述七个值的和=
阅读全文
摘要：文档流（百度百科） 将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自己的理解是从头到尾按照文档的顺序，该在什么位置就在什么位置，也可以按照上面的意思理解，自上而下，自左到右的顺序) 详细说明：比如网页的div标签它默认占用的宽度位置是一整行，p标签默认占用宽度也是一整
阅读全文
摘要：一、发展历： 早期：<embed>+<object>+文件 问题：不是所有浏览器都支持，而且embed不是标准。 现状：Realplay、window media、Quick Time 、Flash 问题：每个厂商每个标准，网站编码和格式也都不相同，flash的出现解决了面的问题，但是apple在0
阅读全文
摘要：浏览器默认样式(user agent stylesheet)+cssreset 每种浏览器都有一套默认的样式表，即user agent stylesheet，在写网页时，没有指定的样式，按浏览器内置的样式表来渲染。这是合理的，像word中也有一些预留样式，可以让我们的排版更美观整齐。不同浏览器甚至同
阅读全文
摘要：CSS 垂直对齐vertical-align属性 在CSS中，行框的高度总是足以容纳它包含的所有行内级框，当一个行内级框 B 的高度小于包含它的行框高度时，则由 vertical-align属性 来决定B在行框中垂直对齐的位置。因此，vertical-align属性只对行内级元素有效，对块级元素无效
阅读全文
摘要：请问什么是可替换元素和非可替换元素，它们的差异是什么？并举例说明。 前端面试中HTML的题目本来就最少，而且并不难，翻来覆去也就那几样。我们之前已经谈到过最经典的HTML语义化，今天就借此机会来谈谈可替换元素。 释义 什么是可替换元素？顾名思义，就是会被替换的元素。（尬笑…… 比如一个典型的可替换元
阅读全文
摘要：1 color 字体颜色 定义元素内文字颜色。 语法：color:颜色名|十六进制|RGB color属性用于定义文本的颜色，其取值方式有如下3种： 1）预定义的颜色值，如red，green，blue等。 2）十六进制，如#FF0000，#FF6600，#29D794等。实际工作中，十六进制是最常用
阅读全文
摘要：html中的长度单位：px、em、rem、%、vw、vh、vnim、vmax、calc（） px：像素，固定大小，涉及到适配的时候并不好用 em：相对于父元素字体的大小，一般也很少用 rem：相对于根元素字体的大小（即html标签），经常用于移动端（rem适配），比如html字体大小为16px,那么
阅读全文
摘要：列表标签的用途，就是用于编排短语句的文字。 1.无序列表 在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。 设置无序列表的类型—type无序列表的默认符号是圆点（● ）。 <ul>元素有type属性，通过定义不同的type属性可以改变列表的项目符号。目前，t
阅读全文
摘要：html常用文本标签 id 标签 功能 1 <br> 强制让文本换行 2 <p>段落</p> 段落标签 3 <b>内容</b> 加粗标签 4 <strong>内容</strong> 加粗标签 5 <font color="#00ff00" size="16" face="黑体">内容</font>
阅读全文
摘要：一、CSS1选择器 CSS1选择器注： 注1：为什么要LVHA 1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性，后面的属性会覆盖前面的属性定义； 2.鼠标经过的“已访问链接”同时拥有a:visited、a:hover两种属性，后面的属性会覆盖前面的属性定义； 所以说，a:h
阅读全文
摘要：块级元素（block-level) 常见的块元素有<h1>~<h5>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>是最典型的块元素 特点： 1、独占一行 2、高度、宽度、内边距、外边距、边框都有效 3、宽度默认是父元素宽度的100% 4、是一个盒子及容器，里面可以放行内元素或者
阅读全文
摘要：1、下载Hbuilder 下载地址：https://www.dcloud.io/hbuilderx.html 2、新建项目（首先要注册并绑定手机） 文件-->新建-->项目-->选择5+App 以下界面配置已经用红色圈出，点击创建即可 3、然后出现新文件夹 4、把新建立的文件夹中的css、img、j
阅读全文
摘要：https://www.cnblogs.com/dantefung/p/621a2acd6c022f32100ce8642cd308b2.html
阅读全文
摘要：1、HTML中不区分大小写，但是我们一般都使用小写 2、HTML中的注释不能嵌套 比如： <！-- 这是注释 <!--注释中的注释--> --> 3、HTML标签必须结构完整，要么成对出现要么是自结束标签 4、HTML标签可以嵌套，但是不能交叉嵌套 比如： 正确：<p> test <font> te
阅读全文
摘要：什么是HTML？ 超文本标记语言(Hypertext Markup Language)"超文本"指的就是页面内可以包含图片，链接，甚至音乐，程序等非文本元素。 HTML发展历史 超文本标记语言（第一版）–在1993年6月作文互联网工程工作小组（IETF）工作草案发布（并非标准）。HTML2.0 --
阅读全文
摘要：HTML中head头结构 HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head 头部结构，移动端的meta 元素，显得更为重要。了解每个标签的意义，写出满足自己需
阅读全文
摘要：/ 文件根目录 参考的是盘符目录 ./ 同级目录 和不加 / 的作用是一致的 参考的是当前文件夹 ../ 父级目录 上一级目录，参考的也是文件夹
阅读全文
摘要：在HTML中，一些如< >这种符号是不能直接使用的， 需要使用一些特殊的符号来表示这些特殊符号，这些特殊符号我们称为实体（转义字符串） 实体的语法： &实体的名字； < < > > 空格 版权符号 © 例： <!DOCTYPE html> <html lang="
阅读全文
摘要：JS设置CSS样式的几种方式 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px'; element
阅读全文
浙公网安备 33010602011771号