随笔分类 - css
摘要：text-align-last:justify; text-align:justify; text-justify:distribute-all-lines;
阅读全文
摘要：html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%)
阅读全文
摘要：1、登录阿里巴巴字体图标库http://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2 2、在图标库中选择需要的图标，鼠标经过该图标加入购物车 3、选择完成后 点击右上角购物车--》添加到对应项目 4、图标管理--》我的图标--》我
阅读全文
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .container { width: 100%; padding: 50px 0; padding-bottom: 30px
阅读全文
摘要：css通过修改饱和度 改变图片颜色 grayscale(0%)-->到grayscale(100%)设置 box-shadow四个边框
阅读全文
摘要：p~ul//位于p元素后边的ul div>p div+p//紧接在 元素之后的所有 元素 [attribute]//[target]选择带有 target 属性所有元素。 [attribute=value]//[target=_bla...
阅读全文
摘要：js 实现 onselectstart="return false" : 禁止选取 在标签上添加即可
阅读全文
摘要：<!DOCTYPE html> <html> <head> <title>css计数器--兼容IE8</title> <meta charset="utf-8"/> <style type="text/css"> *{ margin:0; padding:0; } ul{ list-style: n
阅读全文
摘要：方法1：给input框设置一个足够大的阴影 方法2：添加 autocomplete="off" 让input框输完内容不记录值
阅读全文
摘要：.middle ul{ counter-reset: show-list; } li{ padding-left: 30px; line-height: 1.3; position: relative; counter-increment: item; } li:before{ content: counter(item)"."; disp...
阅读全文
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0; } .cc{ display: table; width:300px; hei
阅读全文
摘要：容器设置相对定位 元素设置宽高，并使用绝对定位，上下左右值均为0，margin：auto 如下所示：
阅读全文
摘要：<div class="layer_bg card-layerBg"></div> <div class="layer_con card-layerCon"> <div class="layer_main card-layerM"> <img src=""/> </div> <div class="
阅读全文
摘要：1、pc端页面在移动端显示，默认视口宽度是980px（也就是body宽度是980px），可通过meta标签设置为需要的尺寸，比如页面中元素最大宽度是1220px，则如下所示 <meta name="viewport" content="width=1220"> 2、如果不想让页面有水平滚动条又有元素
阅读全文
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/jl_public.css?v=11"/> <link rel="style
阅读全文
摘要：字体文件转换地址 http://www.fontconverter.org/?userfile_url=&requiredfile_userfile=1&outFormat=woff http://www.freefontconverter.com/ http://blog.csdn.net/agi
阅读全文
摘要：参考：https://segmentfault.com/a/1190000003978624
阅读全文
摘要：“-″减号是IE6专有的hack “\9″ IE6/IE7/IE8/IE9/IE10都生效 “\0″ IE8/IE9/IE10都生效，是IE8/9/10的hack “\9\0″ 只对IE9/IE10生效，是IE9/10的hack :root .rz-dropDown { height: 12px//
阅读全文
摘要：@media screen and (max-width: 320px) { } @media screen and (min-width: 321px) and (max-width: 374px) { } @media screen and (min-width: 375px) and (max-width: 413px) { } @media screen and (min-width: ...
阅读全文