随笔分类 -  css

1 2 下一页
css文本两端对齐
摘要：text-align-last:justify; text-align:justify; text-justify:distribute-all-lines; 阅读全文
posted @ 2021-02-07 09:17 dongxiaolei
css实现页面全部置灰
摘要：html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%) 阅读全文
posted @ 2020-05-11 20:48 dongxiaolei
阿里巴巴字体图标使用
摘要：1、登录阿里巴巴字体图标库http://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2 2、在图标库中选择需要的图标，鼠标经过该图标加入购物车 3、选择完成后 点击右上角购物车--》添加到对应项目 4、图标管理--》我的图标--》我 阅读全文
posted @ 2018-07-19 16:01 dongxiaolei
css固定背景图位置 实现屏幕滚动时 显示背景图不同区域
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .container { width: 100%; padding: 50px 0; padding-bottom: 30px 阅读全文
posted @ 2018-07-05 15:08 dongxiaolei
css笔记
摘要：css通过修改饱和度 改变图片颜色 grayscale(0%)-->到grayscale(100%)设置 box-shadow四个边框 阅读全文
posted @ 2018-04-26 09:37 dongxiaolei
兼容IE8及以上的常用css选择器
摘要：p~ul//位于p元素后边的ul div>p div+p//紧接在 元素之后的所有 元素 [attribute]//[target]选择带有 target 属性所有元素。 [attribute=value]//[target=_bla... 阅读全文
posted @ 2017-12-07 10:14 dongxiaolei
css设置文字不能选中状态
摘要：js 实现 onselectstart="return false" : 禁止选取 在标签上添加即可 阅读全文
posted @ 2017-09-19 17:32 dongxiaolei
css计数器
摘要：<!DOCTYPE html> <html> <head> <title>css计数器--兼容IE8</title> <meta charset="utf-8"/> <style type="text/css"> *{ margin:0; padding:0; } ul{ list-style: n 阅读全文
posted @ 2017-07-10 16:10 dongxiaolei
解决input框黄色背景问题（转）
摘要：方法1：给input框设置一个足够大的阴影 方法2：添加 autocomplete="off" 让input框输完内容不记录值 阅读全文
posted @ 2017-05-16 16:37 dongxiaolei
css给列表添加序号
摘要：.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... 阅读全文
posted @ 2017-04-20 11:36 dongxiaolei
css实现不定高度的元素垂直居中问题
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0; } .cc{ display: table; width:300px; hei 阅读全文
posted @ 2017-04-19 18:22 dongxiaolei
css实现定高的元素在不定高的容器中水平垂直居中（兼容IE8及以上）
摘要：容器设置相对定位 元素设置宽高，并使用绝对定位，上下左右值均为0，margin：auto 如下所示： 阅读全文
posted @ 2016-12-27 11:34 dongxiaolei
jq点击小图 弹出大图（更新版）
摘要：<div class="layer_bg card-layerBg"></div> <div class="layer_con card-layerCon"> <div class="layer_main card-layerM"> <img src=""/> </div> <div class=" 阅读全文
posted @ 2016-12-27 10:21 dongxiaolei
pc端页面在移动端显示问题
摘要：1、pc端页面在移动端显示，默认视口宽度是980px（也就是body宽度是980px），可通过meta标签设置为需要的尺寸，比如页面中元素最大宽度是1220px，则如下所示 <meta name="viewport" content="width=1220"> 2、如果不想让页面有水平滚动条又有元素 阅读全文
posted @ 2016-12-21 16:59 dongxiaolei
根据屏幕的宽度使用不同的css-文件
摘要：<!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 阅读全文
posted @ 2016-11-17 10:37 dongxiaolei
css做三角形
摘要： 阅读全文
posted @ 2016-11-15 10:24 dongxiaolei
@font-face字体文件用法
摘要：字体文件转换地址 http://www.fontconverter.org/?userfile_url=&requiredfile_userfile=1&outFormat=woff http://www.freefontconverter.com/ http://blog.csdn.net/agi 阅读全文
posted @ 2016-11-08 17:12 dongxiaolei
css弹性盒布局
摘要：参考：https://segmentfault.com/a/1190000003978624 阅读全文
posted @ 2016-11-04 17:41 dongxiaolei
css兼容处理
摘要：“-″减号是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// 阅读全文
posted @ 2016-11-02 14:32 dongxiaolei
移动端开发--参考京东（屏幕范围）
摘要：@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: ... 阅读全文
posted @ 2016-10-18 11:26 dongxiaolei

1 2 下一页