css
文章平均质量分 55
LFWMP
新手菜鸟一枚,请大家多多关照
展开
-
CSS中的单位
PX(pixel)像素,相对长度单位。像素px是相对于显示器分辨率而言的特点: 1、IE无法调整那些使用px作为单位的字体大小 2、国外的大部分网站能够调整的原因在于其使用了em或者rem作为单位 3、Firefox能够调整px和em,rem,但是96%以上的用户使用IE内核或IE浏览器EM 相对长度单位。相对于当前对象内文本的字体尺寸。 若当前行内文本文本的字体尺寸未被人为设置,则相对于浏原创 2017-08-07 22:34:51 · 451 阅读 · 0 评论 -
实现移动端1px边框
最近学了一下vue的实战课程,学习到了其中的一个页面设计技巧,觉得深有感触,于是便写个博客记录下来,以便下次查阅项目中是通过vue+stylus来实现的,那么首先需要说一下实现原理,因为在移动端中物理像素是设备像素的两倍,那么以平时在pc端中设计的1px ,在移动端设备中就是2px了,那么,我们要实现移动端的1px边框,就需要对这个1px边框进行缩放。假如我们有一个div,我们要设置它在移...原创 2018-02-28 14:35:13 · 426 阅读 · 0 评论 -
CSS3实现渐变色字体
前两天在学习移动端项目,于是就拿京东的移动端页面来模仿和学习了, 在模仿的过程中,我发现了京东移动端页面的字体有渐变色,很是好奇,很感兴趣,于是就是查看了代码,并且百度了一下,发现实现渐变色字体的两种方法,(目前我自己就发现两种), 第一种比较简单,直接上代码:方法一: html结构<p class="font1">你好,这是我的渐变色字体</p>样式:.font1{原创 2017-12-01 10:59:26 · 29822 阅读 · 0 评论 -
fwslider--属于自己的一个图片轮播插件
一直在学习,一直在提升,一直在想什么时候自己也能写个简单的图片轮播啊? 终于,我写出来了,虽然没有别人写的那么牛逼,我也没有办法和大牛比,所以跟自己比就好了,自己有提升就很开心,这个图片轮播写出来一段时间后,都没有封装起来,今天有空就把它封装一下,记录在博客里,以后需要用就直接回来看博客。。。。 如果有小伙伴喜欢我这个图片轮播插件的也可以拿去用,这个图片轮播真的真的很简单,非常的简单,也非常适合原创 2017-09-02 20:55:35 · 1124 阅读 · 0 评论 -
自定义组件--nav菜单
做这个东西的出发点很简单,就是把做过的东西,封装起来,写个博客,记录一下,以后项目需要用就可以直接拿来用,做法很简单,不喜欢的勿喷,觉得有用的可以拿去试试。直接上代码html部分:<div class="ul"> <ul> <li><a href="javascript:void(0)">首页</a></li> <li><a href="javascript:原创 2017-08-24 22:39:57 · 987 阅读 · 0 评论 -
css画三角形
用css给块级标签画三角形转载 2017-08-24 22:29:09 · 170 阅读 · 0 评论 -
DIV居中方案
水平居中//给div设置一个宽度,然后添加margin:0 auto属性 div{ width:200px; margin:0 auto; }让绝对定位的div居中 div { position: absolute; width: 300px; height: 300px; margin: auto; top: 0; left:转载 2017-08-05 21:29:10 · 313 阅读 · 0 评论 -
CSS hack原理与常见的hack
hack原理:原理:利用不同浏览器对CSS的支持和解析结果不一样编写针对特定浏览器样式。常见的hack有1)属性 hack。2)选择器hack。3)IE条件注释IE条件注释:适用于[IE5, IE9]常见格式如下常见的hack<!--[if IE 6]> Special instructions for IE 6 here <![endif]-->选择器hack:不同浏览器对选择器的转载 2017-08-05 22:26:13 · 499 阅读 · 0 评论 -
网页设计中常见的兼容性问题
常见兼容性问题1、png24位的图片在iE6浏览器上出现背景,解决方案是做成PNG8.2、浏览器默认的margin和padding不同。解决方案是加一个全局的 *{margin:0;padding:0;}来统一。3、IE6双边距bug:块属性标签float后,又有横行的margin情况下,在ie6显示margin比设置的大。5、这种情况之下IE会产生20px的距离,解决方案是在float的标签样式原创 2017-08-05 22:08:22 · 698 阅读 · 0 评论 -
Eric Meyer’s “Reset CSS” 2.0
前端开发的都知道,一般在进行设计页面的时候都应该写一份公共样式表,用来重置标签元素的样式 而下面这份就是常用的Erik Meyer’s CSS Reset(样式重置)/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div,原创 2017-08-13 00:19:03 · 938 阅读 · 0 评论 -
css3实现鼠标悬浮文字上方,文字底部的下划线向两边缩放!
采用css3加伪类的方式显示当鼠标悬浮在文字上方时,文字底部出现向两边展开的效果!css部分.text-underline{ display: inline; text-align: center; position: relative; } .text-underline::a...原创 2018-05-01 23:05:36 · 2547 阅读 · 0 评论