- 博客(16)
- 收藏
- 关注
RSS订阅原创 CSS(css3)背景图片属性
1.css背景-用于定义HTML元素的背景 background-color：背景颜色 background-color:yellow;background-color:#00ff00;background-color:rgb(255,0,255); 值 描述 color 指定背景颜色。在CSS颜色值近可能的寻找一个颜色值的完整列表。 transparent 指定背景颜色应该是透明的。这是默认 inherit 指定背
2020-12-12 14:09:17
943
原创 get请求和post请求的区别
既然get和post只是在传递数据的方式上不同，那么是否意味着，无论是获取数据还是提交数据两种方式可以混用呢？可以混用，但是不推荐不建议混用。1.get请求通常用于获取数据。2.post请求通常用于提交数据。3.get请求发送的数据都写在地址栏上，用户可见。4.post请求发送的数据用户不可见。5.get请求不能提交大量数据，但post可以，因此不要混用。...
2020-12-12 13:24:05
198
原创 圣杯布局和双飞翼布局简解
1. 什么是圣杯布局和双飞翼布局？圣杯布局和双飞翼布局是一样的，都是两边固定宽度，中间自适应的三栏布局，中间栏要放在文档流前面以优先渲染。不过两者实现方式上有些区别圣杯布局双飞翼布局2.为什么要使用双飞翼布局和圣杯布局都是为了解决两边顶宽，中间自适应的三栏布局，中间栏要在放在文档流前面以优先渲染。3.原理及代码圣杯布局：为了中间div内容不被遮挡，将中间div设置了左右padding-left和padding-right后，将左右两个div用相对布局position: re.
2020-05-25 17:16:50
1702
1
原创 js函数中的参数：arguments
什么是arguments？ ECMAScript中参数在内部用一个数组来表示，在函数体内通过arguments对象来访问这个数组参数。 (1)arguments对象只是与数组类似，并不是Array的实例。 作用？ arguments对象：函数对象内，自动创建的专门接收所有参数值得类数组对象。 arguments[i]: 获得传入的下标为i的参数值 arguments.length: 获得传入的参数个数 应用： 求任意一组数的平均值：...
2020-05-22 21:21:02
831
转载 前端开发之浏览器F12代码调试教程（谷歌浏览器为例）
调出开发者工具 按键盘F12 空白地方鼠标右键选择检查 快捷键Ctrl+Shift+i 开发者工具中常用内容介绍（前4） Element：主要用来调试HTML和CSS代码查看元素的代码：点击左上角的箭头图标（或按快捷键Ctrl+Shift+C）进入选择元素模式，然后从页面中选择需要查看的元素，然后可以在开发者工具元素（Elements）一栏中定位到该元素源代码的具体位...
2020-05-08 11:52:41
20491
原创 终端检测—检测移动端设备还是PC端设备
为什么要终端检测？ 页面跳转 加载相应资源 如何使用检测？ 使用navigator.userAgent来检测终端设备 console.log(navigator.userAgent); 这是pc端检测，不全部列举 判断是不是移动端，然后跳转到相应页面 // 切换Android、iPhone、iPad consol...
2020-04-29 15:13:00
843
原创 CSS权重——发现样式正确但不起效果时，就要考虑规则的权重问题
什么是权重？当很多的规则(样式)被应用到元素时，权重是一个决定那种规则生效，或者优先级的过程样式权重的计算时相加关系，值越高，权重越高，优先级越大权重等级与权值行内样式（1000）>id选择器（100）>类，属性选择器和伪类选择器（10）>元素和伪元素（1）>*通配符(0)最高：!important加在样式属性值后，权重值为 10000（尽量不要使用）...
2020-04-07 09:50:42
454
原创 清楚浮动的常用方法
方法一：在浮动元素后使用一个空元素例入：<div class="clear"></div>.clear{ clear:both; }方法二：给浮动元素的容器（父元素）添加overflow：hidden;注意使用 zoom:1; 触发hasLayout兼容IE6，7方法三：使用css3的:after伪元素清除浮动伪元素追加一个空盒...
2020-03-31 08:45:25
205
原创 前端开发，ul中的li元素之间有的间距（间隔）如何消除？
在开发过程中ul和li元素是经常使用的元素，但是有个问题随之而来，当所有li元素都横向排列时，li元素左右两边默认有间距，这种间距不是margin,也不是padding造成，而是在编译器编写代码时，习惯性的会将li元素每个写一行，但是换行的同时，浏览器会将空格渲染成间距。解决办法： 看自己是不是用的display: inline-block;进行横向排列，如果是更换成float:left...
2020-02-26 19:39:30
12565
原创 声明JavaScript(js)变量
在计算机科学中,data(数据)大于一切，因为它对于计算机的意义重大。JavaScript提供七种不同的data types(数据类型)：undefined（未定义） null（空） boolean（布尔型） string（字符串） symbol(符号) number（数字） object（对象）举个例子, 计算机能够分辨不同的数字, 例如数字12，但是"12"和...
2019-05-13 19:52:50
221
原创 javascript (js)通过button按钮实现盒子的显示和隐藏
前奏：无论是实现div或其他内容的显示和隐藏，原理都差不多效果图：点击隐藏后隐藏盒子，同时隐藏按钮的值修改为显示。点击显示后盒子又将显示，显示按钮的值修改为隐藏，如图： 完整代码如下（代码详解）：<!DOCTYPE html><html lang="en"><head> <meta charset="U...
2019-03-21 23:02:04
11692
8
原创 CSS不同的选择器的使用
1.标签选择器（元素选择器）标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。1. 标签名 { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 或者2. 元素名 { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }如：div { height: 50px; /* div盒子高度5...
2019-03-20 23:19:49
350
原创 CSS三种样式表及其使用（内部样式表，行内样式表，外部样式表）
1.内部样式表内部样式表是将CSS代码写在HTML文档的head标签中，并且用style标签定义<head> <style type="text/css"> 选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;} </style><head>（1）style标签一般位于head标签中title标签之后...
2019-03-19 23:30:37
21085
3
原创 html中的标签元素分为三种不同类型：块级元素，内联元素（行内元素）和内联块状元素
常用的块级元素有：<div>，<p>，<h1>...<h6>，<ol>，<ul>，<dl>，<table>，<address>，<blockquote>，<from>等常用的内联元素（行内元素）有：<a>，<span>，<br...
2019-03-18 22:33:39
2804
原创 H5与CSS所做的QQ注册界面
Web中H5与CSS所做的QQ注册界面（不喜勿喷！）下图一，完成样式H5代码块<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>QQ注册</title> <link re
2018-10-23 20:22:52
8520
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人