Html5+CSS3 - 文章分类(第5页) - Shimily

pc端常用电脑屏幕（(响应式PC端媒体查询)电脑屏幕分辨率尺寸大全）

摘要：PC端************ 按屏幕宽度大小排序（主流的用橙色标明）分辨率比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例：5：4 | 阅读全文

posted @ 2017-12-13 13:47 Shimily 阅读(41924) 评论(1) 推荐(3)

display：flex不兼容Android、Safari低版本的解决方案【flex布局】

摘要：flexbox布局平均水平分3栏文字文字文字文字文字文字文字 text text text text text text text text 文字文字文字文字文字文字文字平均水平分4栏文字文字文字文字文字文字文字 ... 阅读全文

posted @ 2017-12-01 17:02 Shimily 阅读(8943) 评论(0) 推荐(0)

ul li 布局表格计算器

摘要：Document 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 阅读全文

posted @ 2017-12-01 15:57 Shimily 阅读(250) 评论(0) 推荐(0)

常用阴影效果box-shadow

摘要：box-shadow: offset-x offset-y blur spread color position; http://www.iyangqiong.com/web/318.html 实例：阅读全文

posted @ 2017-12-01 15:36 Shimily 阅读(988) 评论(0) 推荐(0)

用纯CSS实现的箭头、css3三角形

摘要：文字内容文字内容15 文字内容 Tab1 文字内容 Tab2 文字内容 Tab3 阅读全文

posted @ 2017-12-01 13:55 Shimily 阅读(7418) 评论(0) 推荐(0)

用css制作空心箭头(上下左右各个方向均有)

摘要：css制作空心的上下左右的箭头右箭头左箭头上箭头下箭头阅读全文

posted @ 2017-12-01 13:49 Shimily 阅读(1473) 评论(0) 推荐(0)

纯css3做箭头

摘要：Document 阅读全文

posted @ 2017-12-01 13:48 Shimily 阅读(231) 评论(0) 推荐(0)

摘要：X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7 阅读全文

posted @ 2017-11-30 20:52 Shimily 阅读(436) 评论(0) 推荐(0)

ie6-ie8不支持opacity透明度的解决方法

摘要：效果图-在ie9/ie10/ff/chrome/opera/safari显示正常：在ie8及以下opacity 却失效： **************************************************************************************** 阅读全文

posted @ 2017-11-30 20:44 Shimily 阅读(888) 评论(0) 推荐(0)

CSS定义input disabled样式的三种方法

摘要：当设置disabled属性后，默认opacity: 0.3; 阅读全文

posted @ 2017-11-23 17:41 Shimily 阅读(11778) 评论(0) 推荐(0)

html 禁止选中文字的方法

摘要：在 IE < 10 和Opera < 15中我们需要在需要禁止选中的元素上面添加一个属性 unselectable="on"，否则可能不会生效哦~不过现代浏览器如果不是非得兼容一些老的浏览器也可以不加。阅读全文

posted @ 2017-11-23 17:38 Shimily 阅读(1599) 评论(0) 推荐(0)

input 标签添加上disable属性在移动端字体颜色不兼容的解决办法。 input颜色。。。。。

摘要：给disabled 设置：或者阅读全文

posted @ 2017-11-21 18:32 Shimily 阅读(1290) 评论(0) 推荐(0)

IE7/IE8浏览器纯CSS实现【圆角】效果实例页面

摘要：css: HTML: 阅读全文

posted @ 2017-11-20 14:41 Shimily 阅读(498) 评论(0) 推荐(0)

CSS3 线性渐变（linear-gradient）

摘要：一、线性渐变在 Mozilla 下的应用语法： 1 -moz-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* ) 1 -moz-linear-gradient( [<point> || <angle>,]? <s 阅读全文

posted @ 2017-11-17 16:22 Shimily 阅读(751) 评论(0) 推荐(0)

判断ie版本

摘要：if(navigator.userAgent.indexOf("MSIE")>0){ if(navigator.userAgent.indexOf("MSIE 6.0")>0){ alert("ie6"); } if(navigator.userAgent.indexOf("MSIE 7.0")>0 阅读全文

posted @ 2017-11-01 15:32 Shimily 阅读(87) 评论(0) 推荐(0)

判断浏览器的ie版本IE5.5 6 7 8

摘要：function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isIE 阅读全文

posted @ 2017-11-01 15:22 Shimily 阅读(564) 评论(0) 推荐(0)

清除浮动：----------解读浮动闭合最佳方案：clearfix

摘要：前给大家介绍两种浮动闭合的办法CSS清除浮动万能float闭合，得知很多同学都在使用下面的骨灰级解决办法：上诉办法是在需要清除浮动的地方加个div.clear或者br.clear，我们知道这样能解决基本清浮动问题。但是这种方法的最大缺陷就是改变了html结构，虽然只是加个div。最优浮动闭合阅读全文

posted @ 2017-10-17 16:50 Shimily 阅读(130) 评论(0) 推荐(0)

页面跳到顶部的方法

摘要：// 以下三种方式均可实现返回页面顶部 $(window).scrollTop(0); $('body').scrollTop(0); $('html').scrollTop(0); 页面跳到顶部的方法一、使用锚点链接毫无疑问，使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置阅读全文

posted @ 2017-10-10 11:07 Shimily 阅读(372) 评论(0) 推荐(0)

文本对齐基线 vertical-align

摘要：vertical-align:text-top; baseline 默认。元素放置在父元素的基线上。 sub 垂直对齐文本的下标。 super 垂直对齐文本的上标 top 把元素的顶端与行中最高元素的顶端对齐 text-top 把元素的顶端与父元素字体的顶端对齐 middle 把此元素放置在父元素的中部。 bottom 把元素的顶端与行中... 阅读全文

posted @ 2017-08-23 15:58 Shimily 阅读(7597) 评论(0) 推荐(0)

实现图片垂直方向居中的方法

摘要：将外部容器的显示模式设置成display:table，这个设置的意思不用多说了吧… img标签外部再嵌套一个span标签，并设置span的显示模式为display:table-cell，这样span内部的内容就相当于表格，可以很方便的使用vertical-align属性来对齐其中的内容了。方法二：阅读全文

posted @ 2017-08-21 15:52 Shimily 阅读(513) 评论(0) 推荐(0)

Shimily

学而不思则罔，思而不学则殆

文章分类 - Html5+CSS3