- 博客(18)
- 收藏
- 关注
原创 css基础知识(1)———— background
1. 写了几年的页面经常会把一些不常用的css 属性方法给丢掉了,必须抽时间回顾下。1) background-image:url(); 关于背景图片,可以是一张也可以是多张共同存在的背景图demo:html: css: A) 图片共存.main{ width:400px; height:400px; background:
2018-02-07 17:43:36 443
原创 解决h5页面点击元素出现灰色背景
/*背景变灰*/css文件加上这句即可:div {-webkit-tab-highlight-color: rgba(0,0,0,0); }
2018-01-17 17:53:48 7204 1
原创 关于calc 属性解析
1.解释:calc() 是一个css 函数,他可以计算一个元素的宽度高度值,功能主要用于计算。2.使用方法:calc(expression),expression 是可以用 + - * /符号进行计算的如:calc(100% - 80px); 注: 100 、80 与符号之间需要空格 举个例子:html: css:.main{ width:5
2018-01-16 18:49:58 2327
原创 实现滚动条丝滑滚动,流畅不卡顿,有回弹效果。-webkit-overflow-scrolling
1.我们经常会实现横划的滚动列表,如下图。但是手指离开屏幕 滑动停止,而且明显有点卡顿感,那么怎么解决这个问题~解决方式:给父类加-webkit-overflow-scrolling;touch 属性解析:-webkit-overflow-scrolling;touch 属性控制元素在移动设备上是否使用滚动回弹效果.、 -webkit-overflow-sc
2018-01-11 16:26:56 16776
原创 对于iphone X 兼容性处理的css适配方法和js适配方法
1. 如果想全屏覆盖,html里面请使用viewport-fit=cover">ps:我的实际项目里,只在手机qq 里面去访问页面时候 出现底部灰色安全区域块,可以说现在大部分公司页面都没有做兼容,包括百度,美团,京东...so html 加此属性,网页就可以全屏覆盖。2.如果想对某个元素进行底部上移或者顶部下移可以做以下适配。 注:如
2017-12-28 10:22:42 31051 3
原创 路由桥接 新增路由 扩大wify 一个网线两个wify
一楼的wify 到二楼没有信号 固增加一个2楼路由 wify覆盖1. 一楼 进入192.168.1.1 设置 WiFi名密码 。分接一个lan口网线 连到2楼路由wan 口( 此时2楼那边路由网线要断开哪也不连)2. 二楼路由进入连接 找到此路由的名字 背面ip地址进去大部分192.168.1.1修改网络参数lan口 改为192.168.2.1 自动重启路由。重新进
2017-04-24 17:27:30 678
原创 学习笔记
1.一些html标签1. Table border-collapse:collapse;合并边框线2. Figure 3. Mark 奥对哈按实际迪欧aaaaa三四点4. Flex-wrap nowrap| wrap | wrap-reverse 5. Fieldset 信息6. Colgroup
2017-04-24 15:44:23 234
原创 一个特殊静态页面的处理---静态页面实现流程图
Tips:今天接收一个静态页面,被布局所困扰,不知从何下手,请同事指教,求解。 每一个字段均从后台传入,每一个值也均改变的, 节点是可改变的 输入配置文字也是可以变化的解决代码:1.HTML 业务流名称三
2017-04-24 11:24:58 7161 1
原创 我喜欢的文章跟博客
从今天开始 我会收集我喜欢的文章及博客,方便以后再阅读。1. 张鑫旭空间 关于前端的 http://www.zhangxinxu.com/wordpress/2016/08/find-own-frontend-direction/2 css3 自定义滚动条样式 -webkit-scrollbar http://blog.csdn.net/hanshileiai/article/det...
2017-02-15 17:06:29 432
原创 关于点击三角丝滑旋转180度css3 jq处理方法
1. 我们经常会遇见点击一个小三角使之丝滑的旋转180度上下旋转,怎么实现呢,需要css3搭配jq 来处理 如图:2.html标准点播-体验版 user-arrow">3.css .user-arrow{//这是箭头的样式 width:12px;position:absolute;right:26px;
2016-10-20 11:31:29 25739 1
原创 关于tab切换一些方法总结
方案一:1.CSSbody{ margin:0; padding:0;}ul,li{ margin:0; padding:0; list-style:none;}.tab-box{ width:400px; margin:100px auto;}.tab-box ul{ height:40px;background: #ededed;}.tab-box ul li{ f
2016-10-19 18:36:44 547
原创 怎么去掉input textarea 选中后的边线框,textarea 不可以拉
1.标签 css input { oulilne:none; } / input:focus { oulilne:none; }2.去掉textarea 拖拽效果,使之不可以拖拽拉伸 textarea{resize:none}
2016-10-09 10:08:43 8149
原创 关于css3制作三角形问题代码
1.制作头部朝上的三角形代码:#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;}2.制
2016-07-13 10:43:04 404
转载 浏览器兼容性问题系列
1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 padding 后, div 会增加
2014-11-25 09:51:37 260
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人