- 博客(18)
- 收藏
- 关注
RSS订阅原创 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
397
原创 解决h5页面点击元素出现灰色背景
/*背景变灰*/css文件加上这句即可：div {-webkit-tab-highlight-color: rgba(0,0,0,0); }
2018-01-17 17:53:48
7162
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
2300
原创 实现滚动条丝滑滚动，流畅不卡顿，有回弹效果。-webkit-overflow-scrolling
1.我们经常会实现横划的滚动列表，如下图。但是手指离开屏幕 滑动停止，而且明显有点卡顿感，那么怎么解决这个问题～解决方式：给父类加-webkit-overflow-scrolling;touch 属性解析：-webkit-overflow-scrolling;touch 属性控制元素在移动设备上是否使用滚动回弹效果.、 -webkit-overflow-sc
2018-01-11 16:26:56
16688
原创 对于iphone X 兼容性处理的css适配方法和js适配方法
1. 如果想全屏覆盖，html里面请使用viewport-fit=cover">ps:我的实际项目里，只在手机qq 里面去访问页面时候 出现底部灰色安全区域块，可以说现在大部分公司页面都没有做兼容，包括百度，美团，京东...so html 加此属性，网页就可以全屏覆盖。2.如果想对某个元素进行底部上移或者顶部下移可以做以下适配。 注：如
2017-12-28 10:22:42
31019
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
636
原创 学习笔记
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
228
原创 一个特殊静态页面的处理---静态页面实现流程图
Tips:今天接收一个静态页面，被布局所困扰，不知从何下手，请同事指教，求解。 每一个字段均从后台传入，每一个值也均改变的， 节点是可改变的 输入配置文字也是可以变化的解决代码：1.HTML 业务流名称三
2017-04-24 11:24:58
7103
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
420
原创 关于点击三角丝滑旋转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
25603
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
529
原创 怎么去掉input textarea 选中后的边线框，textarea 不可以拉
1.标签 css input { oulilne:none; } / input:focus { oulilne:none; }2.去掉textarea 拖拽效果，使之不可以拖拽拉伸 textarea{resize:none}
2016-10-09 10:08:43
8122
原创 关于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
391
转载 浏览器兼容性问题系列
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
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人