css
关注
分享
扫一扫
文章平均质量分 76
ozhy111
大雨治理
展开
-
h5 css flex画线
<!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/xhtml"><head><...原创 2020-03-08 18:42:47 · 249 阅读 · 0 评论 -
css解决display:inline-block;产生的缝隙（间隙）
今天在做H5的水平滑动卡片时用到了display:inline-block;却发现处在同一水平线上的元素之间居然产生了缝隙，这很显然不是我想要的效果，所以我就换成了左浮动，这样缝隙的问题是解决了，但是需要设置父元素的宽度才能实现水平左右滚动，这样又增加了代码量，因为卡片的个数不固定，需要实时设置其父元素的宽度，就要用到js，所以代码量增加了，也不是最好的选择。看来最好的解决办法就是用到displa...转载 2019-02-24 09:10:10 · 450 阅读 · 0 评论 -
JS中判断null、undefined与NaN的方法
https://www.jb51.net/article/48481.htm.判断undefined:var tmp = undefined; if (typeof(tmp) == "undefined"){ alert("undefined"); }说明：typeof 返回的是字符串，有六种可能："number"、"string"、"boolean"、"object&quo原创 2019-02-13 11:28:56 · 178 阅读 · 0 评论 -
css background-position
background-positionbackground-position-xbackground-position-y原创 2019-02-07 18:10:34 · 200 阅读 · 0 评论 -
html5 css jquery 资源网址
http://sc.chinaz.com/tag_jiaoben/XiaLaKuang.html原创 2019-01-23 09:08:24 · 193 阅读 · 0 评论 -
CSS3 超实用属性：pointer-events
https://blog.youkuaiyun.com/quincylk/article/details/80927631 2018年07月05日 15:24:26 quincylk 阅读数：258原文：https://www.jianshu.com/p/3eba945fc19e 最近发现了一个叫pointer-events的css属性，是一个与javascript有关的属性，pointe...转载 2019-01-19 21:17:35 · 167 阅读 · 0 评论 -
css中“~”（波浪号）、“，”（逗号）、 “ + ”（加号）和 “ > ”（大于号）是什么意思？
https://blog.youkuaiyun.com/suoyasong/article/details/80528218 为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景： p~ul{ background:#ff0000; } <p>快乐生活</p> <ul> &l...原创 2019-01-02 13:50:18 · 2814 阅读 · 0 评论 -
jQuery对checkbox的各种操作
jQuery对checkbox的各种操作httpswww.cnblogs.comjunjieokp4107066.html//注意： 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr,1.6以上（包含）建议用prop //1、根据id获取checkbox $("#cbCheckbox1"); //2、获取所有的ch...原创 2019-01-01 15:35:16 · 304 阅读 · 0 评论 -
margin:0 auto
margin:0 auto 设置对象上下间距为0，左右自动。可拆分： margin:0 auto 0 auto（上下）还可拆分为：margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;原创 2018-12-25 19:26:02 · 1900 阅读 · 0 评论 -
css 过滤
https://www.cnblogs.com/moqiutao/p/4843437.htmlfilter: drop-shadow(10px 10px 4px #000) opacity(55%);无效果filter: none;1.模糊filter: blur(9px);8.阴影 filter: drop-shadow(0px 0px 5px #000); (x,y,模糊度,颜色...原创 2018-12-31 11:54:45 · 272 阅读 · 0 评论 -
jquery点击某元素之外的地方
$(document).on('click',':not(.combo_tree_panel)',function(){ $combotreePanel.hide(); return; })原创 2018-12-30 20:03:05 · 505 阅读 · 0 评论 -
jquery 如何点击除某个元素外其它地方
$(function(){ $(document).click(function(){ alert('0'); }); $("#apDiv1").click(function(event){ alert('1'); event.stopPropagation(); }); }) ...原创 2018-12-30 20:13:50 · 1893 阅读 · 0 评论 -
如何解决inline-block元素的空白间距 css 完美解决
https://www.cnblogs.com/871735097-/p/4739114.html如何解决inline-block元素的空白间距 css 完美解决nline-block的元素之间会存在“4px”的空白间距方法一： margin-right: -4px; 或-0.25em方法二：设置父元素的字体为“0”，然后在“inline-block”元素上重置字体需要的大小...原创 2018-12-30 11:02:54 · 430 阅读 · 0 评论 -
css background
http://www.w3school.com.cn/cssref/pr_background.aspdiv { background: #f1f1f1 url(files/pro_left.png) center right no-repeat; }可以设置如下属性：background:url(img_flwr.gif);background-color 规定要使用的...原创 2018-12-29 19:57:14 · 159 阅读 · 0 评论 -
网络资源
------------微信小程序UI组件库合集--------------https://developers.weixin.qq.com/community/develop/article/doc/000ecc775a86807f7ba9b7dc956c13---------taro-ui---------https://taro-ui.jd.com/#/docs/button...原创 2019-01-30 14:14:52 · 225 阅读 · 0 评论 -
为什么在input[type="text"]，textarea，select这样的标签元素（ 若还有其它的，我暂时还没有发现 ）后使用
作为DOM元素，伪元素都是在容器内进行渲染的。input无法容纳其他元素，因此它不支持伪元素。原创 2019-02-19 18:32:16 · 1501 阅读 · 0 评论 -
inline和inline-block的间距
inline和inline-block的间距1:直接将空格删除，也就是说在html里将两个标签写在一行且中间不要留有空格2:在换行代码中间嵌入注释，如下：<div style="display:inline-block"></div><!----><div style='display:inline-block'></div>...原创 2019-03-16 20:26:18 · 143 阅读 · 0 评论 -
gif
gif原创 2019-07-11 09:37:36 · 200 阅读 · 0 评论 -
jquery选择器tr:even获取偶数行、tr:odd 获取奇数行
//jquery选择器tr:even获取偶数行、tr:odd 获取奇数行 var dom=$("div:odd");dom.css("background-color","tan");原创 2019-07-05 09:21:29 · 631 阅读 · 0 评论 -
CSS3设置Border边框是内边框还是外边框
内边框使用 box-sizing:border-box; 外边框box-sizing:content-box;原创 2019-06-23 19:35:44 · 5289 阅读 · 0 评论 -
css background:背景图片拉伸铺满
http://www.w3school.com.cn/tiy/c.asp?f=css_background-size&p=8background: url("img.jpg") no-repeat;background-size:100% 100%;原创 2019-05-30 13:43:31 · 148901 阅读 · 4 评论 -
CSS从一个png图片里取出(截取)里面的小图标
---css-----.icon{ background: url(icon.png) no-repeat; /*url为png图片的路径*/ /*width和line-height分别对应每个小图标的宽和高*/ width: 20px; line-height: :20px; display: inline-block;}.icon-sm...原创 2019-05-13 16:50:51 · 743 阅读 · 0 评论 -
如何将一个div水平垂直居中？6种方法做推荐
https://www.cnblogs.com/Julia-Yuan/p/6648816.htmldiv{ width: 200px; height: 200px; background: green; position:absolute; left:0; ...原创 2019-05-13 14:26:55 · 379 阅读 · 0 评论 -
CSS3中常用字体图标库总结
https://blog.youkuaiyun.com/qq_38912819/article/details/80628381[一勺烩]CSS3中常用字体图标库总结 - 靳洪飞的文章 - 知乎https://zhuanlan.zhihu.com/p/21910270字体图标以前网页上显示图标都是用切成小图片，然后根据不同场景作多个小图，通过JS来控制显示效果。 字图图标，顾名思义，就...原创 2019-05-22 13:30:43 · 1010 阅读 · 0 评论 -
CSS中定义变量，并使用变量设置属性值
:root{ --base: yellow; --spacing: 10px; --blur: 10px; }上面代码定义了3个变量，：root使得所有人可访问 img{ filter: blur(var(--blur)); padding: var(--spacing); background: v...原创 2019-05-21 16:27:19 · 4838 阅读 · 0 评论 -
css overflow
overflow-x:scroll是横的有overflow-y:scroll是竖的有overflow:scroll横竖有overflow:hidden横竖都没有原创 2019-05-11 21:11:03 · 87 阅读 · 0 评论 -
css div居中
.center { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-5...原创 2019-04-17 20:33:35 · 96 阅读 · 0 评论 -
CSS padding margin border属性详解
https://www.cnblogs.com/wzhiq896/p/6020329.html图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(content)、内边距(padding)、边框(border)...原创 2019-03-24 16:00:01 · 104 阅读 · 0 评论 -
使后加的css样式强制生效
有的时候会出现不知道为什么有的css样式被各种顶掉,不能正确显示.为了偷懒,直接找到这方法使用.test { border: 1px solid #ccc !important; }原创 2019-03-27 09:44:54 · 1645 阅读 · 0 评论 -
css 水平垂直居中
left: 50%; top: 50%; transform: translate(-50%,-50%);原创 2019-01-03 20:51:35 · 91 阅读 · 0 评论 -
css文本换行
1、小换行：<br/>2、大换行：<p/><p>11dfas<br/>fasf<p/>3、可以使用CSS设置宽度自动换行。 4、\n原创 2018-12-28 20:10:25 · 425 阅读 · 0 评论 -
css 文字水平垂直居中
https://www.cnblogs.com/moqiutao/p/4807792.htmlwhite-space: pre;空白会被浏览器保 //清空元素$("#imgcontent").empty();禁止选中文字user-select: none;cursor:pointer;#apDiv2 { position: absolute; w...原创 2018-11-26 21:01:04 · 594 阅读 · 0 评论 -
css 泡泡面板
https://www.cnblogs.com/qmdx00/p/7441317.htmlhttps://www.cnblogs.com/daxiong/articles/3158630.htmlhttps://blog.youkuaiyun.com/asiaLIYAZHOU/article/details/78713810http://code.ciaoca.com/style/bubble/原创 2018-11-26 13:22:36 · 296 阅读 · 0 评论 -
css box-shadow阴影
box-shadow: h-shadow v-shadow blur spread color inset;http://www.w3school.com.cn/cssref/pr_box-shadow.asph-shadow 必需。水平阴影的位置。允许负值。 测试 v-shadow 必需。垂直阴影的位置。允许负值。 测试 blur 可选。模糊距离。...原创 2018-11-26 13:16:55 · 137 阅读 · 0 评论 -
CSS 魔法系列：纯 CSS 绘制三角形
https://www.cnblogs.com/lhb25/p/css-and-css3-triangle.html https://www.cnblogs.com/blosaa/p/3823695.html有边框的三角形原创 2018-11-26 10:08:16 · 140 阅读 · 0 评论 -
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
1. removeClass() - 移除CSS类$("#target").removeClass("oldClass"); //#target 指的是需要移除CSS类的元素的ID //oldClass 指的是CSS类的名称 addClass() - 添加CSS类$("#target").addClass("newClass"); //#target 指的是需要添加样式...原创 2018-11-18 16:49:06 · 2895 阅读 · 0 评论 -
css3的新特性transform,transition,animation
https://www.cnblogs.com/bobodeboke/p/6252869.html css3的新特性transform,transition,animation一、transformcss3引入了一些可以对网页元素进行变换的属性，比如旋转，缩放，移动，或者沿着水平或者垂直方向扭曲（斜切变换）等等。这些的基础都是transform属性transform属性有一项奇...原创 2018-11-24 10:21:02 · 187 阅读 · 0 评论 -
jquery批量填写css
div.css({ "transition":"2s", "color":"white", "background-color":"#98bf21", "font-family":"Arial", "font-size":"20px", "padding":原创 2018-11-24 10:18:10 · 882 阅读 · 0 评论 -
CSS white-space 属性
normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 pre-wrap 保留空白符序列，但是正常地进行换行。 pre-line 合并空白符序列，但是保留换行符。 inheri...原创 2018-11-24 09:38:52 · 138 阅读 · 0 评论 -
jQuery的css与事件绑定
一、事件绑定1、概述事件绑定（2种）：eventName(function(){}) 绑定对应事件名的监听, 例如：$(‘#div’).click(function(){});on(eventName, funcion(){}) 通用的绑定事件监听, 例如：$(‘#div’).on(‘click’, function(){})优缺点: eventName: 编码方便, 但只...原创 2018-11-23 16:53:29 · 241 阅读 · 0 评论