web前端技术 - 随笔分类 - 甜甜酱

CSS伪类选择器奇偶匹配nth-child(even)

摘要：语法：下面就把CSS3标准中nth-child()用法大致介绍给大家： CSS3伪类选择器：nth-child() 简单的归纳下nth-child()的几种用法。第一种：简单数字序号写法 :nth-child(number) 直接匹配第number个元素。参数number必须为大于0的整数。例阅读全文

posted @ 2020-01-07 11:52 甜甜酱阅读(8761) 评论(0) 推荐(0)

常用css代码(scss mixin)

摘要：溢出显示省略号参过参数可以只是单/多行. /** * 溢出省略号 * @param {Number} 行数 */ @mixin ellipsis($rowCount: 1) { @if $rowCount <=1 { overflow: hidden; text-overflow: ellipsi 阅读全文

posted @ 2019-12-19 14:36 甜甜酱阅读(863) 评论(0) 推荐(0)

css怎么解决表格边框线重复问题

摘要：<ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a 阅读全文

posted @ 2019-10-22 15:03 甜甜酱阅读(875) 评论(0) 推荐(0)

swiper.js 响应式多图轮播特效

摘要：swiper.js实现响应式的左右切换图片案例展示布局 1、head引入css文件 2、head引入js文件 3、body引入HTML代码阅读全文

posted @ 2019-09-17 17:29 甜甜酱阅读(2149) 评论(0) 推荐(0)

为什么总是弹出报错“百度未授权使用地图API”？

摘要：今天打开网站的时候出现了这个问题“百度未授权使用地图API, 可能是因为您提供的密钥不是有效的百度开放平台密钥或此密钥未对本应用的百度地图JavasoriptAPI授权。…”经过研究终于知道什么原因了。官方解析：http://lbsyun.baidu.com/index.php?title=jsp 阅读全文

posted @ 2019-09-06 14:45 甜甜酱阅读(10963) 评论(0) 推荐(0)

摘要：一、CSS长度值 em 相对于父元素的字体大小 ex 相对于小写字母"x"的高度 gd 一般用在东亚字体排版上，这个与英文并无关系 rem 相对于根元素字体大小 vw 相对于视窗的宽度：视窗宽度是100vw vh 相对于视窗的高度：视窗高度是100vh vm 相对于视窗的宽度或高度，取决于哪个更小阅读全文

posted @ 2016-02-18 16:54 甜甜酱阅读(1107) 评论(0) 推荐(0)

HTML，CSS，font-family：中文字体的英文名称（宋体微软雅黑）

摘要：宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋_GB2312 Fa 阅读全文

posted @ 2016-02-18 11:03 甜甜酱阅读(453) 评论(0) 推荐(0)

CSS代码重构与优化之路

摘要：CSS代码重构的目的我们写CSS代码时，不仅仅只是完成页面设计的效果，还应该让CSS代码易于管理，维护。我们对CSS代码重构主要有两个目的：1、提高代码性能2、提高代码的可维护性提高代码性能提高CSS代码性能主要有两个点：1、提高页面的加载性能提高页面的加载性能，简单说就是减小CSS文件的大小，提高... 阅读全文

posted @ 2016-01-26 17:22 甜甜酱阅读(224) 评论(0) 推荐(0)

png图片使用opacity在ie中出现黑边情况

摘要：JQuery动画的淡入淡出效果，用在PNG24的图片上，在IE7、IE8下会出现黑边框。有些人觉得很奇怪，为什么?潘?E6正常，反而在IE7、8下却有黑边呢。其实问题出在filter属性上。IE6引用PNG24的图片的方式是：filter: progid:DXImageTransform.Micro... 阅读全文

posted @ 2016-01-26 17:08 甜甜酱阅读(239) 评论(0) 推荐(0)

filter 在CSS用的效果

摘要：滤镜说明： Alpha：设置透明层次 blur：创建高速度移动效果，即模糊效果 Chroma：制作专用颜色透明 DropShadow：创建对象的固定影子 FlipH：创建水平镜像图片 FlipV：创建垂直镜像图片 glow：加光辉在附近对象的边外 gray：把图片灰度化 inver... 阅读全文

posted @ 2015-11-17 16:17 甜甜酱阅读(155) 评论(0) 推荐(0)

Safari的CSS HACK方法

摘要：以前的文章里提到过IE6/IE7/IE8/IE9/、Firefox的CSS HACK方法，那么Safari的CSS HACK是什么呢？请看以下CSS代码：.box { color:black; /*ff*/color:#fff\9\0; /*IE9*/color:#ff0000\0; /*IE8... 阅读全文

posted @ 2015-11-06 13:20 甜甜酱阅读(1287) 评论(0) 推荐(0)

Android/IOS APP界面设计之尺寸规范

摘要：1.尺寸以及分辨率 iPhone的界面尺寸不用多说，640*960是基本OK的，也可以是适应5S的640*1136，马上iPhone 6也快来了（随便吐槽一下网上曝的真机谍照，真是丑到离谱...），只要宽度不变都好说。至于像素问题，网页和移动的UI用72px就可以了，不必纠结。2.界面基本组成元素... 阅读全文

posted @ 2015-08-31 15:03 甜甜酱阅读(1402) 评论(0) 推荐(0)

html5 audio音频播放全解析

摘要：html5开启了一个新时代，因为它让浏览器本身变得不那么被动，audio api就是一个典型的列子，在html5还没确定之前，如果想要在网页上听音乐看视频唯一的办法就是用flash意思是当你没有给浏览器装载Flash插件的话那么音乐视频即是空谈，html5 audio的出现改变了这一格局，因为你可... 阅读全文

posted @ 2015-08-24 11:42 甜甜酱阅读(482) 评论(0) 推荐(0)

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

摘要：百度移动端搜索为了更大程度上一迎合日益发展的移动设备，对其搜索结果进行自认为很赞的转码，说白了就是改改css样式，当然是通过分析后改的，有主次之分，这个不在此多说。但大前端的主题用户都知道，我们的主题为了更好的在移动端显示，也做了相应的样式调整。这样一来，百度搜索后不能采用我们设定的移动端样式，... 阅读全文

posted @ 2015-08-17 11:06 甜甜酱阅读(294) 评论(0) 推荐(0)

解决 IE6 position:fixed 固定定位问题

摘要：#e_float{ _position:absolute; _bottom:auto; _right:50%; _margin-right:-536px; _top:expression(eval(document.documentElement.scrollTop+document.documen... 阅读全文

posted @ 2015-08-06 17:45 甜甜酱阅读(195) 评论(0) 推荐(0)

png-24在ie6中的几种透明方法

摘要：下面介绍几种常用的解决办法：dd_belatedpng.js法引入js文件然后对需要进行ie6下透明的元素进行class标注。特点是在很大程度上能解决png-24的透明问题，但是也有几个问题比较明显。1. 需要引入js文件。2. 他会动态在png-24图像上包裹一层css为position:rela... 阅读全文

posted @ 2015-07-31 17:24 甜甜酱阅读(162) 评论(0) 推荐(0)

Chrome调试小技巧

摘要：前言：除了我们日常使用的调试方法，在Chrome中，其含有一些有意思的方法，有助于提高我们的开发调试效率。Sources页command + p 文件跳转使用Sublime的人或习惯用command + p 进行文件的跳转，在chrome dev tools中其实也有类似的跳转方法。command ... 阅读全文

posted @ 2015-07-29 17:59 甜甜酱阅读(395) 评论(0) 推荐(0)

html select美化模拟jquery插件select2.js

摘要：代码展示：http://www.51xuediannao.com/demo.php代码说明:select2.js是一个html select美化模拟类jquery插件，但是select2.js又远非简单的模拟美化那么简单，它还具有搜索功能，多选功能（可限制选择数量），ajax方式加载数据，可以设置p... 阅读全文

posted @ 2015-07-29 16:56 甜甜酱阅读(2207) 评论(1) 推荐(0)

响应式设计的十个基本技巧

摘要：Responsive Design对于我来说一点都不陌生，从他在这个互联网出现的时候，就一直在观注他的成长，而且在w3cplus站上也分享了很多这方面的教程和资源。由于组织了YY活动在线上和大家分享Responsive的设计，为了能让大家更好的理解，我自己也有必要好好的做一下功课，今天这个就是功课... 阅读全文

posted @ 2015-07-23 14:36 甜甜酱阅读(403) 评论(0) 推荐(0)

colspan和rowspan

摘要：colspan和rowspan这两个属性用于创建特殊的表格。colspan是“column span（跨列）”的缩写。colspan属性用在td标签中，用来指定单元格横向跨越的列数：在浏览器中将显示如下：单元格1单元格2单元格3单元格4该例通过把colspan设为“3”, 令所在单元格横跨了三列。如... 阅读全文

posted @ 2015-05-28 13:59 甜甜酱阅读(1260) 评论(0) 推荐(0)

l-love甜甜酱

随笔分类 - web前端技术

公告