IT狗

Web前端

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

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

/ ()阅读()

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

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

/ ()阅读()

<button>与<input type="button">

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

/ ()阅读()

一种悬浮弹窗设计

需引入: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;
cu...

/ ()阅读()

iframe在移动端的缩放

工作中碰到个奇怪的问题,折腾了大半天,终于算是解决了,这里把分析思路和解决办法记录下。项目是做响应式的公司官网,前期的静态图页面切完后就提交给后台作为模板使用了,我也就基本退出项目。在后端落地时发现在在移动端页...

/ ()阅读()

自定义checkbox样式

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

/ ()阅读()

Web前端开发工具

篇幅过长 原文链接https://www.slidestalk.com/s/web_2_13938213680_rxl_jtcxtk...

/ ()阅读()

兼容性问题的解决方式(更新中···)

1、清除浮动的兼容性(低版本的浏览器不兼容问题).clearfix:after{  content:"";  clear:both;  display:block;  visibility:hidden;  height:0;}.clear{   *zoom:1;}2、透明度的兼容性opacity:0.3;fil...

/ ()阅读()

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

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

/ ()阅读()

Sass入门及知识点整理

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

/ ()阅读()

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

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

/ ()阅读()

解决安卓字体偏移:页面整体缩放

  在h5中实现一些小标签、按钮的时候,很容易发现部分安卓机型上的字体显示有问题,总会向上偏移2px左右。这是设置padding或line-height无法修复的,与rem也无关,即使在字体大于12px时依然存在。下图来自于网友的分享,从左...

/ ()阅读()

IndexedDB 简单封装

IndexedDB 浏览器数据库,是一个非关系型数据库,数据形式使用的是json,IndexedDB适合存储大量数据,它的API是异步调用的,当然他的api 也相对复杂。当然浏览器数据存储 还有LocalStorage,Cookies,web SQL等 为什么还再来一个in...

/ ()阅读()

Bootstrap简要介绍

Bootstrap是一个CSS的框架,它有Twitter工程师开发,但是目前这个框架比Twitter本身更为流行,ppt中重点描述了Bootstrap的网格布局原理,当然,作为一个框架,需要前端工程师能够深入看更多的例程,本文仅仅对最核心的思想做了概要...

/ ()阅读()