Artemis视同-CSDN博客

原创 android webview清理缓存

android webview清理缓存最近写了个Android项目遇到了一个问题就是webview 的缓存问题每次进入程序webview都用缓存。接下来说说这问题是如何解决的。首先了解下缓存的分类页面缓存：加载一个网页时的html、JS、CSS等页面或者资源数据，这些缓存资源是由于浏览器的行为而产生，开发者只能通过配置HTTP响应头影响浏览器的行为才能间接地影响到...

2018-02-26 09:36:16 2269

原创 css环形进度条

css环形进度条下边是首先我们实现一个环形style type="text/css"> .circle { width: 200px; height: 200px; position: absolute; border-radius: 50%; background: #00aacc; } .mask { wi

2018-02-05 09:39:53 4852

原创 div css实现进度条

div css实现进度条进度条前端开发中经常用到今天来看下简单的HTML和css实现的进度条。我们先看下代码： div class="progress"> span class="bar" style="width: 40%;">40%span> div> 也可以将标签换为下面重点是css代码：style type="text/css"> b

2018-02-02 16:13:11 5903

原创移动端android上line-height不居中的问题

移动端android上line-height不居中的问题现在越来越多的移动界面使用rem适配，遇到的坑也随之增加，今天就解决下移动端android上line-height不居中的问题原因： 1.字体大小不要使用奇数字号，带小数点的更不要提了。也就是说被2整除的整数且不可小于12px。 2.使用rem的单位时造成（根元素如果动态改变时，根元素字体可能不是整数）。解决方法网上

2018-01-30 16:26:31 1241

原创 css伪类 :before和 :after的使用详解以及实现的一些效果

css伪元素 ::before和::after的使用详解以及实现的一些效果之前写过css 伪类的文章，但是不是很详细。只是总结伪类和伪类元素。今天就详细特说一下：before和：after的使用。 CSS - :before 伪元素基本用法如下：“::before” 伪元素可以在元素的内容前面插入新内容。#example:before { content: " "

2018-01-29 16:07:10 3342

原创 switch开关

switch开关最近在工作中用到，不妨写出来和大家分享一下。原理就是:checked选择器实现开关的动态效果（开关打开时应用：checked的样式，关闭时应用正常的样式），而按钮的动画就是使用了css3的transform来实现的；效果： HTML: label class="switch"> input type="checkbox"> span>s

2018-01-24 21:35:48 824

原创 css 伪类与伪元素

CSS伪类属性描述 :link 向未被访问的链接添加样式。 :visited 向已被访问的链接添加样式。 :hover 当鼠标悬浮在元素上方时，向元素添加样式。 :active 向被激活的元素添加样式。 :focus 向拥有键盘输入焦点的元素添加样式。 :first-child 向元素的第一个子元素添加样

2018-01-16 22:46:24 179

原创 css清除浮动的几种方法

清除浮动在我们的开发中常会用到，所以我们来总结一下有哪些清除浮动的方法。1.父级div定义 heightcss:.div1{background:#000080;border:1px solid red;/*解决代码*/height:200px;} .div2{background:#800080;border:1px solid red;height:200px;margi

2018-01-14 20:35:50 824

原创移动端像素与viewPort

viewport是什么？设备屏幕上能用来显示网页的哪一块区域。具体点说，就是浏览器或APP的webview用来显示网页的那部分区域。css中的像素与设备的物理像素在css中我们一般使用px作为单位，在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像素，这可能会造成我们的一个错觉，那就是css中的像素就是设备的物理像素。但实际情况却并非如此，css中的像素只是一个抽象

2018-01-11 21:56:06 322

原创 css实现气泡文字提示框

css气泡文字提示框实现的等腰直角三角形式的对话框效果如下：代码如下：css：.arrow span{border-color:#0FF #000 #f00 #ff0 ; top:0px;}html：div class="detail"> div class="arrow" > em >em>span>span> div>div>修

2018-01-09 21:18:13 12622 2

原创 div垂直居中

div在另一个div中垂直居中方案一：利用 position: absolute、margin: auto、上下左右定位都为0。.father { width:500px; height:500px; border:1px solid #000; position:relative;}

2018-01-06 20:44:58 186

原创 HTML img标签水平垂直居中

HTML img标签图像是网页中不可却上的部分，巧妙地使用会给网页增色不少。图像的格式图像的格式通常有三种，GIF、JPEG和PNG。GIF最大的优点就是可制作动态图像，还有图像未完全下载时会以马赛克的形式慢慢显示。JPEG在需要全彩模式表现的时候使用最合适。PNG是一种非破坏性的网页图像文件格式，它提供了将图像文件以最小的方式压缩却又不造成图像失真的技术。它不仅具备了GI

2018-01-05 21:39:02 10013 3

原创 markdown常用语法

Markdown——入门指南认识 Markdown 在刚才的导语里提到，Markdown 是一种用来写作的轻量级「标记语言」，它用简洁的语法代替排版，而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版、字体设置。它使我们专心于码字，用「标记」语法，来代替常见的排版格式。例如此文从内容到格式，甚至插图，键盘就可以通通搞定了。目前来看，支持 Markdown 语法的编辑器有很多

2018-01-03 22:29:00 205 1

Artemis视同