关注前端开发
HTML5、CSS3、Javascript

标签:CSS

HTML/CSS

css负边距之详解

阅读(23305)评论()

自从1998年CSS2作为推荐以来,表格的使用渐渐退去,成为历史。正因为此,从那以后CSS布局成为了优雅代码的代名词。 对于所有设计师使用过的CSS概念,负边距作为最少讨论到的定位方式要记上一功。这就像是在线纹身-每个人都会做,但是没有人会...

HTML/CSS

CSS3:linear-gradient切角画册

阅读(20426)评论()

关于linear-gradient的语法就不多做介绍了网上到处都是,下面看个小例 我们先做一个渐变,使其让他旋转, <div class="example"> </div> .example{ height:150p...

HTML/CSS

CSS3技巧:fit-content水平居中

阅读(19812)评论()

当我们让一个模块水平居中首先想到的肯定是margin:0 auto;有木有?那么今天给大家介绍一个fit-content属性,不知道有没有同学用过,如果用过那么你可以略过这篇文章,没用过的同学就继续了,我也是第一次看到这个属性,之前不知道这...

HTML/CSS

css3使用技巧:细线边框的3种不同的写法

阅读(25548)评论()

最近在做一个H5手机页面项目遇到了一个小小的问题,就是边框描边1像素的问题。 例:网易   一般的app边框描边的线都小于一像素,那么我就像往常一样直接描了1px的边框,虽然是1px可是结果和app里的描边完全不一样“粗了”,所以...

技巧资源

有效防止百度移动搜索转码

阅读(15605)评论()

百度移动端搜索为了更大程度上一迎合日益发展的移动设备,对其搜索结果进行自认为很赞的转码,不得不说百度在照顾多数人的同时牺牲了少数人的感官。不干呀,转码的不好看,还是自己写的好,于是乎找到了个结果可以有效防止百度移动搜索转码。

HTML/CSS

CSS创建三角形(小三角)的几种方法

阅读(84976)评论()

你可以在很多地方看到三角形(小三角):tooltips提示框、下拉菜单、甚至在loading载入动画里。不管你喜欢还是不喜欢,这些小元素对各UI元素之间的联系关系式很重要的。 有一些不同的方法来设计并制作一个三角形,在本文中,我将介绍: 点...

HTML/CSS

IOS下移除按钮原生样式 -webkit-appearance

阅读(41820)评论()

IOS环境下的按钮都是经过美化的,但通常我们在设计web app的时候不需要这些看上去老土的样式,所以,去除这些显得很有必要。 下面这句代码就是重置这些样式的: -webkit-appearance: none; 通常,我们在写移动端的we...

HTML/CSS

CSS常用浮出层的写法

阅读(78753)评论()

浮出层是web页面中经常用到的功能,带有小小尖角的浮出层则更为生动,所以今天带给大家的是有角的浮出层,一起看看吧! 点此查看实例展示 是的,我们即将实现的就是以上功能,是不是很生动? 贴上HTML: <div class="popti...