一、什么是优先级的权重 1.作用：当多个选择器混合在一起的时候，我们可以通过计算权重来判断谁的优先级最高。 2.权重的计算规则 公共代码： body div id ="identity1" class ="box1" ul li p id ="identity2" class ="box2" 试炼语句 / p / li / ul / div / body （1...

2019-08-14 09:57:35

form元素： form action ="" method ="get|post" / form input元素： input type ="" name ="" placeholder ="" / 常用属性： type 文本框类型 name 指定了name的字段才会被提交（不能用id代替name属性） placeholder 占位符 value 输入框中的文本 autofocus 自动聚焦...

2019-08-14 09:58:15

相信很多小伙伴在开发小程序的时候都会碰到小程序Button默认样式的困扰，在重设样式的时候需要一次次的设置 这里我分享一个自己在开发中的小方法： CSS all 简写属性将除 unicode-bidi 与 direction 之外的所有属性重设至其初始值，或继承值 而且 all 属性没有初始值 M...

2019-08-14 09:58:06

swiper一款非常好用的轮播插件，支持移动端和PC端，用过很多次了，这次简单的总结一下。方便以后查找使用，说明一下，下面的例子是基于swiper 4.0+版本的，如果你是其他的版本，请自行前往官网查看 至于为什么使用swiper，而不是自己手写，请看下面官网的截图： 开个玩...

2019-08-14 09:58:05

效果如下 直接贴代码了 .sidebar { z -index: 1024 ; position: fixed; left: 0 ; top: 64px; overflow - y: auto; overflow - x: hidden; background -color: #001529 ; } .sidebar:: -webkit-scrollbar-track { /* 定义滚动条轨道 内阴影+圆角 */ -webkit-box-shadow...

2019-08-14 09:57:38

1.首先需要在根目录的index.html文件加入如下代码 meta http-equiv="X-UA-Compatible" content="IE=edge" 2.npm安装依赖 安装 babel-polyfill 插件 指令： npm install babel-polyfill --save-dev 3.在入口文件main.js文件中引入插件 import 'babel-polyfill' 4. 需要...

2019-08-14 09:57:18

标签的分类 1. 双标签 标签名 内容 / 标签名 2. 单标签 br / 标签的关系 1. 嵌套关系 head title / title / head 2. 并列关系 head / head body / body HTML常用标签 1. 标题标签 head 头部. 标题 title 文档标题 6个等级标签 H1~H6 hn 标题文本 / hn 2. 段落标签 p 文...

2019-08-14 09:56:48

在CSS里，标签位置居中一直是困扰Web前端的难题。在本文中，我对这类问题进行了探究和给出了几点建议，供读者参考。 1 行内标签 1.1 水平居中 在父级标签中使用 text-align: center 。 效果： 1.2 垂直居中 如果是 单行 ，则为该标签设置 行高 （ line-height ）且与其...

2019-08-14 09:56:34

form input type ="file" name ="pic" id ="pic" accept ="image/gif, image/jpeg" / / form accept 属性只能与 input type="file" 配合使用。它规定能够通过文件上传进行提交的文件类型。 值 描述 audio/* 接受所有的声音文件。 video/* 接受所有的视频文件。 image/*...

2019-08-14 09:56:37

一、层叠性 1.定义：CSS处理冲突的一种能力 2.注意点：层叠性只有在多个选择器中同一标签，然后又设置了相同的属性，才会发生层叠性 3.CSS缩写：Cascading StyleSheet #odd{color: red;} p{color:blue;}..........省略代码......... body p id ="odd" 我被多处设置属性...

2019-08-14 09:56:17