• css的再深入6(更新中···

    background-position 雪碧图 我们的 html 和 css 中有三个属性可以向服务器发送请求, src href url 。 overflow (1) 值 hidden 超出就隐藏 (2) 值 scroll 出现滚动条 visibility:hidden; 可见的 (消失但是占用位置) display:none; 消失但不占用位置 为什么使用雪碧...

    2018-10-13 06:28:12

  • CSS的再深入5(更新中···

    页面布局 结构层:搭我们的页面框架。 布局层:针对框架内部结构进行排版。 不需要使用浮动解决的问题尽量不用。 使用浮动之后会使该元素脱标, 并且该元素的 margin 。 div 盒子模型 : 就是一个容器,可以装任何标签。 盒子实际占用的空间 盒子的实际宽高和高度 如何...

    2018-10-13 06:28:09

  • <button>与<input type=&qu

    在做form表单,点击按钮随机生成两串密钥的时候 1.用第一种按钮的时候,会出现刷新form表单的现象。会把创建密钥前面的输入框中的字消失。虽然能生成密钥1和密钥2,但是会闪一下,随即消失。几个输入框全变为空,本人用的是bootstrap框架。 button class ="btn btn-def...

    2018-10-13 06:28:07

  • 一种悬浮弹窗设计

    需引入:FontAwesome,用于图标 效果截图: CSS: .div1 { position: absolute; right: 16px; top: 10%; z-index: 12; } .div2 { border-radius: 10px 0 0 10px; width: 25px; height: 25px; float: left; cursor: pointer; background-color: rgb(0, 198, 255); } .div2i...

    2018-10-13 06:28:05

  • 自定义checkbox样式

    修改原生checkbox样式。 效果 原理 1.利用CSS3属性 appearance。 该属性(强制)更改(改变)默认(原生)样式。 Firefox 支持替代的 -moz-appearance 属性;Safari 和 Chrome 支持替代的 -webkit-appearance 属性;IE不支持该属性。 所以可以利用该属性取消checkbox的...

    2018-10-11 10:00:23

  • 兼容性问题的解决方式(更新中··&a

    1、清除浮动的兼容性(低版本的浏览器不兼容问题) .clearfix:after{ content:""; clear:both; display:block; visibility:hidden; height:0; } .clear{ *zoom:1; } 2、透明度的兼容性 opacity:0.3; filter:alpha(opacity=30); 3、各种国外浏览器在CSS3中的兼容问题 国...

    2018-10-11 10:00:13

  • css的再深入4(更新中···

    两种居中的方式: Margin:0 auto; 和 text-align:center; Margin 的居中是对自身, text-align 对元素内部的文本来说。 隐藏的两种方式: visibility : hidden ;和 display:none; visibility 隐藏了还占用着空间, display 隐藏了之后不占用空间了。 Position 位置...

    2018-10-11 10:00:11

  • Sass入门及知识点整理

    Sass 快速入门 | SASS 中文网 文档链接:https://www.sasscss.com/getting-started/ 前言 之前整理了一篇关于Less的,现在就来整理一下关于Sass的。 因为这两种都是CSS的主流预处理器,当然还有Stylus。 要解释一下什么是Sass吗? Sass和Less一样都是CSS预处理器。 CSS...

    2018-10-11 10:00:01

  • CSS的再深入3(更新中···

    在前面,我们学习了标准文档流,但在实际制作的过程中,用标准文档流书写显然是不现实的,因此,我们来了解几种脱离标准文档流的方法: 1.float 浮动 float:left/right;(左浮/右浮) 效果:元素都加浮动,后面的元素紧跟前面的元素并排排列 第一个加了 float ,脱离...

    2018-10-10 08:38:42

  • vue 国际化i18n 多语言切换

    安装 npm install vue-i18n 新建一个文件夹 i18n ,内新建 en.js zh.js index.js 三个文件 准备翻译信息 en.js export default { home: { helloworld: "hello workd !" }}; zh.js export default { home: { helloworld: "你好世界" }}; index.js 创建Vue-i18n实例 imp...

    2018-10-10 08:38:41

2