文章分类 -  Div+Css

Css 兼容
摘要:全文:https://www.cnblogs.com/guangzhou11/p/7524950.html 阅读全文
posted @ 2019-07-04 19:21 stma 阅读(770) 评论(0) 推荐(0)
摘要:使用Photoshop精确获取background-position坐标 https://jingyan.baidu.com/article/5225f26b7dc745e6fb090849.html //fw 图像处理工具一样使用的。使用矩形选框工具在图像上拖划就会出现选择区域的坐标 阅读全文
posted @ 2018-12-29 18:56 stma 阅读(422) 评论(0) 推荐(0)
摘要:全文:https://blog.csdn.net/mzd8341/article/details/76791323 //div css 遮罩层 阅读全文
posted @ 2018-12-19 22:55 stma 阅读(160) 评论(0) 推荐(0)
摘要:<html><head><title>无标题文档</title><style type="text/css">html,body{height:100%; width:100%; overflow:hidden; margin:0;padding:0;}.main{width:100%; heigh 阅读全文
posted @ 2018-12-19 22:41 stma 阅读(6601) 评论(0) 推荐(0)
摘要:CSS样式部分: <style type="text/css">#loading-mask{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:20000; } #loading{ position:absolute 阅读全文
posted @ 2018-12-19 22:40 stma 阅读(6305) 评论(0) 推荐(0)
摘要:安装 FontAwesome.otf 文件到你的系统中。 然后,拷贝并粘贴图标字体的代码到你的草图或设计中就能看到效果了! icon-glass (&#xf000;)  icon-music (&#xf001;)  icon-search (&#xf002;)  icon-envelope ( 阅读全文
posted @ 2018-02-16 10:47 stma 阅读(1676) 评论(0) 推荐(0)
摘要:此手机版效果图显示的内容比较少,事实上,手机版网页中,在文章结尾也显示Google广告,文章结尾还有用户留言,用户照样可以在手机上评论,此外,“扩展阅读”后面还显示了PC版中的侧栏几个栏目的文章列表,最后,在页尾的搜索框着色层上方投放了百度移动的自适应广告。 网站改为自适应有多简单? 下面就说说如何 阅读全文
posted @ 2018-01-07 18:44 stma 阅读(334) 评论(0) 推荐(0)
摘要:在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 <!Doctype html><html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http: 阅读全文
posted @ 2017-07-28 11:51 stma 阅读(119) 评论(0) 推荐(0)
摘要:问: @mixin rounded($vert, $horz, $radius: 10px) { border-#{$vert}-#{$horz}-radius: $radius; -moz-border-radius-#{$vert}#{$horz}: $radius; -webkit-borde 阅读全文
posted @ 2017-07-28 11:32 stma 阅读(898) 评论(0) 推荐(0)
摘要:自从一个月前偶然发现Less之后我就开始坚定的使用它了。就CSS本身而言,对于我来说从来就不是问题,但是我很好奇的相法,使用变量来沿着一个调色板为我的网站或者模板创建一些东西。拥有一个提供固定数量给我选择的调色板,可以让我避免颜色太过跳跃,以致于从一个已定的风格中脱离。著作权归作者所有。商业转载请联 阅读全文
posted @ 2017-07-28 11:03 stma 阅读(135) 评论(0) 推荐(0)
摘要:vertical-align:middle; 不能垂直居中怎么办?其实是这样理解的。该属性是相对于相邻元素才会起作来,例如上面的代码,3个img元素都是相邻元素。 a1相对于a2中间线对齐,如果body里面只有一个img元素的话,该属性就不起作用。 a3相对于邻居元素a2对齐。 附加阅读:利用ver 阅读全文
posted @ 2017-07-18 13:55 stma 阅读(1883) 评论(0) 推荐(0)
摘要:这是2个半月腾讯游戏官网的分辨率数据,可以看出来PC端里1024*768占20%、1920*1080占14%。而这2个分辨率的显示宽度相差了接近一倍。而现在设计师的设计稿普遍输出尺寸都是1920,所以设计师经常也会担心:小分辨率下能看到吗?或者需要为手机端单独做一版吗?所以我们需要用一些技巧来让大多 阅读全文
posted @ 2017-02-22 15:00 stma 阅读(313) 评论(0) 推荐(0)
摘要:我就是想制作这样的单页模板,起营销效果,还有像送Q币等营销活动。http://mmz.play.cn/mmzxy2014/index.aspxhttp://zh.tedu.cn/baidu/uid/ps/网页的里东西都是画出来,再放到网页里的。 PS经典教程:从零开始设计一个漂亮的网页http:// 阅读全文
posted @ 2017-02-22 14:07 stma 阅读(102) 评论(0) 推荐(0)
摘要:我抄袭一下CSS禅意花园的一段话给你:P:267创建并测试CSS时,首先在最高级、最先进的浏览器中进行,然后再考虑其它浏览器。如果首先基于那些较为古老的浏览器创建并测试CSS的话;那么代码将无法避免地依赖于这些浏览器中落后、错误的呈现规则。这样随后在那些更先进、更遵守标准的浏览器中调整时,将变得举步 阅读全文
posted @ 2016-12-25 23:28 stma 阅读(188) 评论(0) 推荐(0)
摘要:我觉得现在的网站应该从我做起 抵制老旧的浏览器就是因为你们的迁就 惯坏了用户 到头来折磨的是自己 全文:http://bbs.blueidea.com/thread-3108866-1-1.html //以上的回答好啊,括然开朗。但是,这样真的好吗?我还是抱着学习的态度 阅读全文
posted @ 2016-12-25 23:23 stma 阅读(62) 评论(0) 推荐(0)
摘要:如何对网页进行兼容性测试?和解决浏览器之间的兼容性问题? 兼容问题最好还是原版浏览器最好,测试插件或者测试工作是模拟内核,但并不是真正的内核,有一阵子为了兼容IE6,还特别装了一个虚拟机,IETester本来测试没有问题了,但是在真实的IE6上看,还是有问题,所以,不要怕麻烦,装个虚拟机,测试一下。 阅读全文
posted @ 2016-12-01 22:53 stma 阅读(154) 评论(0) 推荐(0)
摘要:我看一些大的网站上面,好多地方有用到图标的地方,都是将这些小图标整理放在一个大图片上了,然后在css调用的时候用background去设置它们每次用的时候的位置。但具体怎么用呢?不太懂麻烦说详细一点 全文:http://zhidao.baidu.com/link?url=AJhGM-kzNmobzi 阅读全文
posted @ 2016-08-24 11:35 stma 阅读(1372) 评论(0) 推荐(0)
摘要:本文写给设计师、程序员和其他任何与测试他们的网站的多浏览器兼容性作斗争的人们。 不到一年前,几乎没有什么好的选择来测试网站的跨浏览器兼容性。那时候的那些工具常常有些缺陷,比如成本、功能或时间限制等。然而最近,在浏览器测试方面出现了很多新面孔,它们中的一些确实提供了很优秀的功能和服务。 在本文中我们将 阅读全文
posted @ 2016-08-23 22:43 stma 阅读(553) 评论(0) 推荐(0)
摘要:Google Chrome浏览器 Opera Mobile Emulator 全文:http://jingyan.baidu.com/article/3c48dd3491271fe10be3588e.html Opera Mobile Emulator 安卓手机网页调试之Chrome篇 http:/ 阅读全文
posted @ 2016-08-20 22:50 stma 阅读(230) 评论(0) 推荐(0)
摘要:作为一个热爱前端滴人,平时折腾博客或做网页什么的免不了要测试页面在各中浏览器里的显示效果。我们常用的方法就是使用ie tester等工具或者在虚拟机里装个其他版本的浏览器等。 今天,就为大家介绍一下如何利用网站资源来查看网页在不同系统不同浏览器中的显示效果: 1. Spoon Browser San 阅读全文
posted @ 2016-07-07 22:44 stma 阅读(596) 评论(0) 推荐(0)