css
文章平均质量分 53
豆i浆
我知道自己帅 ,别夸我 我面红
展开
-
CSS透明度兼容写法
filter: Alpha(opacity=10); /* IE */ -moz-opacity:0.1; /* FF 主要是为了兼容老版本的FF */opacity:0.1; /* FF */转载 2017-02-02 11:43:09 · 2182 阅读 · 0 评论 -
jQuery -- touch事件之左右切换元素
效果预览: 全部代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-原创 2017-06-27 21:16:09 · 531 阅读 · 0 评论 -
css给图片增加模糊效果
只要在图片里面添加一个CSS即可:filter: blur(10px);px代表模糊度原创 2017-06-08 21:18:40 · 2716 阅读 · 0 评论 -
CSS文字超出显示省略号
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;但是因为两个行内元素例如span一起的时候会出现一些间距,为了去掉这些间距我们可以给元素添加font-size:0;但这样做的话,会发现省略号消失了,但不添加font-size:0;又会出现间距<span>1</span><span>2</span>那么我们可以将第一个尾部原创 2017-06-08 17:08:07 · 355 阅读 · 0 评论 -
像input,button等元素对齐方法
使用vertical-align可以实现对齐<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> input,button{ height: 30px;原创 2017-06-08 14:34:23 · 8882 阅读 · 0 评论 -
CSS/移动端添加真正1PX边框线
.border-1px{ position: relative; &:after{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; border-top: 1px solid rgba(7,17,27原创 2017-06-05 22:55:18 · 2101 阅读 · 0 评论 -
CSS书写规范、顺序和命名规则
一、CSS书写顺序1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- text-align等) 4.背景(background, border等) 5.其他(ani原创 2017-05-16 20:51:44 · 200 阅读 · 0 评论 -
CSS3实现轮播图效果
因为CSS的局限性,所以只能做出图片无限循环播放的效果,和图片点击链接 其他的因为效果不完美所以摒弃了效果图预览:代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{原创 2017-05-15 23:39:15 · 1766 阅读 · 0 评论 -
HTML+CSS基础知识巩固参考页面
刚开始学HTML+CSS的同学可以看看网页的设计稿是网上找来的资源,非原创html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xh原创 2017-01-31 17:30:44 · 499 阅读 · 2 评论 -
js,jq,css多方面实现简易Tab切换
通过css , js , jq三个方式分别实现简易的Tab切换效果效果图预览:一、css实现html和css部分<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{原创 2017-05-13 10:57:07 · 725 阅读 · 0 评论 -
js,jq,css多方面实现简易下拉菜单
效果图预览一 、css实现html代码部分<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>html+css下拉菜单</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </hea原创 2017-05-13 10:26:31 · 512 阅读 · 0 评论 -
微信小程序 --- 日历效果
效果预览: wxml部分:<view class='box1' style='width: {{ sysW * 7 }}px'> <view class='dateBox'>{{ year }} - {{ month}}</view> <block wx:for='{{ weekArr }}'> <view style...原创 2018-02-27 13:50:02 · 19651 阅读 · 6 评论