0

flex三个对齐属性的记忆方式

今天在群里聊天有人说 flex的那几个居中属性好难记,时不时都要尝试一下,或者查看一下文档,现在我把我自己的记忆方式分享一下。。。 1. flex的居中主要是通过这三个属性来实现的: 2. 总结 3. 记忆方式 原文:https://javascript.shop/2019/08/flex-just ...

孑孓子 发布于 2019-08-22 21:43 评论(0)阅读(7)
0

有关css的兼容问题

兼容性 1 页面在不同浏览器中可能显示不同 在IE6下 子级的宽度会撑开父级设置好的宽度 温馨提示:和模型的计算一定要精确,IE浏览器可能显示不同 兼容性 2 在IE6中,元素浮动,如果宽度需要内容撑开, 需要给里面的快元素 添加浮动 才可以 兼容性 3 在IE6,7下,元素要通过浮动{float: ...

LZH3319 发布于 2019-08-22 18:59 评论(0)阅读(11)
1

CSS常见布局

说起布局其实就和盖房子的道理一样,你首先要盖好房子的模型(规划好页面的布局),房子的雏形盖好后就是往房子里面布置家具了(在布局里面添加东西),这样,房子盖好后不论你往里面添加什么家具也不能影响房子(杠精请坐下),布局也一样,布局完成后,只需要在布局的容器里面添加更加细化的东西就行了。切忌边写内容边布 ...

妖色调 发布于 2019-08-22 16:45 评论(0)阅读(135)
0

不同浏览器的内核

浏览器 1. shell: 外壳 2. core: 内核(JS执行引擎,渲染引擎) IE: Trident Firefox: Gecko Chrome: Webkit / Blink safari: Webkit opera: Presto / Blink ...

魂魄空灵 发布于 2019-08-22 16:32 评论(0)阅读(16)
0

css基础总结

css作用:控制网页的样式 css语法: 选择符{ 属性1:属性值; 属性2:属性值; 属性3:属性值1 属性值2 属性值3; } css实例: div{ width:300px; height:400px; background:red; } css语法解释: 1、选择符:对标签进行获取 2、所有 ...

yapi 发布于 2019-08-22 15:12 评论(0)阅读(15)
0

CSS基础属性介绍

css属性分类介绍 css属性分类介绍 CSS分类目录 文本/字体/颜色 文本相关 字体相关 颜色相关 背景相关 大小/布局 大小属性 margin 外边距 padding 内边距 border 边框 position 定位 列表/表格 多列属性 可伸缩框属性 列表属性 Grid属性 Table属性 ...

冯莹辉 发布于 2019-08-22 09:35 评论(0)阅读(24)
0

正则限制input负数输入

//直接在input标签内加入下面两个事件处理程序即可 onkeyup="this.value=this.value.replace(/\D|^0/g,'')" onafterpaste="this.value=this.value.replace(/\D|^0/g,'')" ...

angle-xiu 发布于 2019-08-21 17:29 评论(0)阅读(22)
0

前端测试干掉缓存

通过配置nginx干掉 304 (from memory cache) (from disk cache) ...

xdsfoo 发布于 2019-08-21 16:08 评论(0)阅读(54)
0

CSS 学习手册

精心整理了之前的css学习笔记,仅供学习参考使用,禁止商业用途 [TOC] CSS 简介 1.CSS 简介 CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内 ...

superxjhw 发布于 2019-08-21 11:30 评论(0)阅读(58)
0

前端渲染图片报403问题解决方案

在HTML头部标签加上如下代码即可 <meta name="referrer" content="no-referrer"/> ...

Thinkguo 发布于 2019-08-21 10:23 评论(0)阅读(26)
0

HTML连载31-制作一个百度首页

一、 我们制作一个百度首页作为练习,可直接复制该代码保存后缀名为.html来查看 二、源码: d93_baidu_home_exercise.html 地址: https://github.com/ruigege66/HTML_learning/blob/master/d93_baidu_home_ ...

心悦君兮君不知-睿 发布于 2019-08-21 00:08 评论(0)阅读(54)
0

条件注释的两种形式——下层隐藏与下层显示

条件注释的两种形式——下层隐藏与下层显示 条件注释 (conditional comment) 是于HTML源码中被 Microsoft Internet Explorer 有条件解释的语句。条件注释可被用来向 Internet Explorer 提供及隐藏代码。 条件注释最初于微软的 Intern ...

奶酪魔像 发布于 2019-08-21 00:01 评论(0)阅读(44)
0

前端清除浮动的几种方法

清除浮动方法 给父级定义height 缺点:扩展性不好 父级 overflow:hidden 定位 浮动 开启 浮动/定位盒子的特点高宽都由内容撑开 缺点:IE6会失效,添加样式 触发 (haslayout) br标签清除浮动 ``缺点:IE6不支持 空标签清除浮动 `` 缺点:违反了结构行为样式相 ...

dobeco 发布于 2019-08-20 20:35 评论(0)阅读(40)
0

element-ui表单验证无效解决

最近在项目中遇到了一个需求,需要动态增减表单元素,同时给新增的表单元素增加校验规则。 element-ui官网给出了解决方案:点击新增按钮时,向循环渲染的数组中push新的对象,数据驱动视图,通过增加数据的方式来增加新的dom元素;同样的,通过删除循环遍历的数据来达到删除dom的效果。 但是,校验规 ...

jackzer 发布于 2019-08-20 20:18 评论(0)阅读(43)
0

关于盒子的水平垂直居中几种方案

HTML CSS 第一种 第二种 第三种 ...

Cry_boy 发布于 2019-08-20 19:54 评论(0)阅读(39)
0

display属性

display属性规定元素应该生成的框的类型,用的最多的就是display:block;显示 display:none;隐藏。 ...

码农下的天空 发布于 2019-08-20 18:24 评论(0)阅读(17)
0

whistle手机调试工具使用简单教程

npm全局安装 全局启动 启动之后,输入127.0.0.1:8899 就可以访问到whistle调试界面了: 我们主要常用几个功能: 1、mock本地数据映射,即手机请求线上某个接口的时候做本地映射,直接请求本地json数据 2、查看console打印信息,对于windows系统的电脑来说还是很有用 ...

蓓蕾心晴 发布于 2019-08-20 17:16 评论(0)阅读(23)
0

表单

form标签中必须指定一个action属性,该属性指向的是一个服务器的地址 当我们提交表单时,将会提交到action 属性对应的地址 在html中还为我们提供可一个标签,专门用来选中表单中的提示文字的 label 标签 该标签可以指定一个 for 属性,该属性的值需要指定一个表单项的 id 值 <f... ...

晴天宝宝i 发布于 2019-08-20 09:34 评论(0)阅读(41)
0

HTML+JavaScript自己动手做日历

当我们需要在页面中显示某月的事项,或是选择某一段日期时,常常要使用到日历组件。这一组件同样有着许多现成的类库,然而亲自动手开发一个日历,从中了解其实现原理也是非常必要的。在本例中我们就将制作一款非常经典的日历组件。 个人博客地址: "http://www.zhsh666.xyz/" 1. 创建DOM ...

风花雪月Zevs 发布于 2019-08-20 08:26 评论(0)阅读(81)
0

前端开发HTML&css入门——盒子模型以及部分CSS样式

CSS处理网页时,它认为每个元素都包含在一个不可见的盒子里。• 为什么要想象成盒子呢?因为如果把所有的元素都想象成盒子,那么我们对网页的布局就相当于是摆放盒子。• 我们只需要将相应的盒子摆放到网页中相应的位置即可完成网页的布局。 盒子模型 一个盒子我们会分成几个部分:– 内容区(content)– ...

KLExTt 发布于 2019-08-20 00:00 评论(0)阅读(46)