推荐用dom.style.setProperty(‘属性‘,‘属性值‘);例如：$("#id")[0].style.setProperty(‘margin-top‘,‘1px‘); 也可以用dom.style.属性=属性值;但是却不太好用，比如下面这个就没有成功$("#id")[0].style.margin-top="1px"; 原文：https://www.cnblogs.com/xiaostudy/p/10950834.html
box-shadow 使用方法设置块阴影语法：box-shadow：<length> <length> <length> <length> || <color>取值：<length> <length> <length>? <length>? || <color>：阴影水平偏移值（可取正负值）；阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色 说明：引擎类型GeckoWebkitPrestoBox-shadow-moz-box-shadow-webkit-border-shadow 在IE中，可以使用filter:shadow来实现阴影效果, 同一个filter是可以使用多次的。由于shadow做阴影...
ylbtech-ionic-CSS：ionic 单选框 1.返回顶部1、ionic 单选框ionic 单选按钮与标准 type="radio" 的 input元素类似。以下展示了现代app类型的单选按钮。每个 item-radio 中的 type="radio" 的 input 元素的 name 属性都相同。radio-icon 类用于是否显示图标。ionic 在单选项中使用了 <label> 元素，使其更易点击。实例<div class="list"><label class="item item-radio"><input type="radio" name="group" value="go" checked="che...
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体佈局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
友情链接：friendlink
页脚：footer
版权：copyright
滚动：scroll
内容：content
标签：tags
文章列表：list
提示信息...
好多盆友 很纠结 css命名规则 怎么弄，还没起步就被绊住了，那么今天蝈蝈就针对这个问题来讨论一下 没什么技术含量，但却对效率开发至关重要的“问题”。下文是一些知乎大神的个人经验总结，如果觉得有用请点赞 留言！ JS前端实用开发QQ群 ：147250970 欢迎加入~！如何看待 CSS 中 BEM 的命名方式？BEM的意思就是块（block）、元素（element）、修饰符（modifier），是由Yandex团队提出的一种CSSClass 命名方法。类似于：.block...
CSS 语法CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。‘‘‘selector {property: value;property: value;... property: value}‘‘‘
例如：h1 {color:red; font-size:14px;}
css的四种引入方式 原文：http://www.cnblogs.com/luchuangao/p/6865702.html
翻译：http://blog.csdn.net/freshlover/article/details/11579669原文：http://coding.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/ 原文：http://www.cnblogs.com/liqipeng/p/6011745.html
一、分类： CSS3中的盒模型有以下两种：标准盒子模型、IE盒子模型二、组成： 盒模型都是由四个部分组成的，由外向内分别是margin、border、padding和content三、标准盒模型和IE盒模型的区别： 标准盒模型和IE盒模型的区别在于设置width和height时，所对应的范围不同： 标准盒模型的width和height属性的范围只包含了content IE盒模型的width和height属性的范围包含了border、padding和content四、改变元素的...
HEML基础教程http://www.w3school.com.cn/html/CSS基础教程http://www.w3school.com.cn/css/JavaScript基础教程http://www.w3school.com.cn/js/原文：http://www.cnblogs.com/yanbo1/p/4141151.html
CSS:a, label { display: block; border-bottom: 1px solid #ccc; padding: 1em 2em; width: 100%; color: #000; text-decoration: none; cursor: pointer; } .all-items { display: none; } .show-all { display: none; } .list { position: relative; pa...
今天写一个笔试题，其中有一个是用css实现直角梯形的效果，我给出的答案是： <style>.wrap{width: 100px;height: 50px;border-top:90px solid transparent; border-left:90px solid #ffff00; }</style>
</head>
<body><div class="wrap"></div>
原文：https://www.cnblogs.com/yuan233/p/10459444.html
上一篇文章里，我们实现了图片集的展示，在本文，对上一篇文章的内容作了封装，实现效果上作了一些优化，具体的思路我就不再赘述，下面将我的代码贴出来，以供搭建参考。1、imglist.csshtml, body, .modal-bg {height: 100%;margin: 0;padding: 0;font-size: 13px;font-weight: bold;color: #fff;
}
.modal-bg{position: absolute;left: 0px;top: 0px;width: 100%;background: #48525e;opacity: 0.4;z-index: 10;
}
.modal{positio...
@font-face { font-family: ' ref='nofollow'>; src: ' ref='nofollow'> [, ' ref='nofollow'>]*; ' ref='nofollow'>; }<fontsrc> = ' ref='nofollow'> [format(' ref='nofollow'>)]取值：' ref='nofollow'>：字体名称' ref='nofollow'>：此值指的是你自定义的字体的存放路径，可以是相对路径也可以是绝路径' ref='nofollow'>：此值指的是你自定义的字体的格式，主要用来帮助浏览器识别，其值主要有以下几种类型：truetype, openty...
A链接标签：/* 链接样式、文字颜色 */
a{color:#666;text-decoration:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover, a:active{color:#ff7200;outline:0;}
.gray3, .gray3 > a ,a.gray3{color:#333;}
.gray6, .gray6 > a ,a.gray6{color:#666;}
.gray9, .gray9 > a ,a.gray9{color:#999;}
.grayb, .grayb > a ,a.grayb{color:#bbb;}
.grayc, .grayc > a ,a.grayc{color:#ccc;}
.grayd, .grayd > a ,a.grayd{color:#d...
匹配a里面有href属性的标签$("a[href]")
匹配a里面有href属性的值包含com值的。a[href*=".com"]
匹配a里面的href属性值是https:开头的。a[href^="https:"]
匹配a里面href属性是/dev-tips结尾的a[href$="/dev-tips"]
匹配a里面title值为home的,其中i表示不区分大小写$(‘a[title="home" i]‘)
https://umaar.com/dev-tips/229-css-attribute-selectors/原文：https://www.cnblogs.com/c-x-a/p/14630203.html
CSS flexbox是什么？有什么用处？本篇文章就来给大家介绍CSS flexbox的相关内容。