文本阴影text-shadow属性特效：1.右下角阴影，左下角阴影，左上角阴影，右上角阴影 1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<title>text-shadow</title> 6<style> 7 p{ 8 text-align:center; 9 margin:0;10 font-family: helvetica,arial,sans-serif;11 color:#999;12 font-size:80px;13 font-weight:bold;14 text-shadow:1...
推荐用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
匹配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
他在ie下也能选中文字，但是选中其他列表，不会选中文字，原来它是在不同div中，属于不同的范围，而同事是放在同一个table中，当然会选中。 而在firefox下，文字不会被选中，查看google calender的css，原来还有-moz-user-select这个属性，很好玩！ 最后采用一个了js方法，即onselectstart=function{return false;}，不让页面进行选择，呵呵，这是很多网站不让复制采用的方法。 Summary -moz-user-select is a Mozilla property ex...
css3 box-sizing属性box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。content-box，border和padding不计算入width和height之内，浏览器默认也是这样padding-box，padding计算入width内border-box，border和padding计算入width之内，其实就是怪异模式了~ ie8+浏览器支持content-box和border-box；ff则支持全部三个值。 案例 #a1{width:500px;padding: 10px;border:1px solid #ee240f;}问...
CSS列表：属性描述list-style简写属性。用于把所有用于列表的属性设置于一个声明中。list-style-image将图象设置为列表项标志。list-style-position设置列表中列表项标志的位置。list-style-type设置列表项标志的类型。marker-offset 1. 列表类型：list-style-type属性（1）作用：修改用于列表项的标志类型；（2）可能的值：值描述none无标记。disc默认。标记是实心圆。circle标记是空心圆。square标记是实心方块。decimal标记是数...
.ribbon {background: #45c9c8;position: absolute;width: 75px;height: 25px;line-height: 25px;top: -4px;left: -11px;font-size: 14px;color: #fff;text-align: center;font-style: normal;z-index: 1;&:after{content: "";position: absolute;width: 0;height: 0;border-left: 12px solid transparent;border-top: 5px solid #329c9b;top: 25px;left: 0px;z-index: 0;}&:before{content: "";position: absolute;right: -10px;f...
（1）具体常用5种：伸缩-scale、扭曲-skew、旋转-rotate、移动-translate、矩阵-matrix（a）scale(x,y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩 放）；scaleX(x)元素仅水平方向缩放（X轴缩放）；scaleY(y)元素仅垂直方向缩放（Y轴缩放），但它们具有相同的缩放中心点和基数，其中 心点就是元素的中心位置，缩放基数为1，如果其值大于1元素就放大，反之其值小于1，元素缩小（b）skew(x,y)使元素在水平和垂直方向同时...
定义和用法padding 简写属性在一个声明中设置所有内边距属性。说明这个简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。注释：不允许使用负值。 例子 padding:10px 5px 15px;上内边距是 10px右内边距和左内边距...
JavaScript与CSS属性的控制网上很常见，因此来说用js操作css属性是有一定规律的。1、对于没有中划线的css属性一般直接使用style.属性名即可。 如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。2、对于含有中划线的css属性，将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。如：obj.style.marginTop，obj.style.borderLeftWidth，obj.style.zIndex，obj.style.fontFamily等。对在css中有...
一般来说，DIV没有悬浮一说，更准确的应为层叠或者固定。最简单的方法是采用CSS定位属性。 1、DIV层叠，即一个层叠加在另外一个层上 利用相对定位和绝对定位来实现: 在父对象上设置：position:relative; 在子对象上设置：position:absolute; top: 10px; left: 10px; 这样如果父对象里面有其他元素的话。上面设置的子对象就可以"悬浮"在父对象上面了。 2、元素固定在窗口的某个位置 使用固定定位: 在需要悬浮的元素上设置：position...
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; } body { font-size:14px; color:#333; font-family: Microsoft YaHei, Simsun;} fieldset, img { border:0; } ol, ul { list-style:none; } h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: normal;} em { font-style:normal; } input, button, select, textarea { outline:none; ...
1.当div里面的文字超过给定div给定的宽度，div里面的文字自动换行 word-break:break-all；会截断改行最后的单词 word-wrap:break-word；不会截断，该行长度最后不够，直接换行。 原文：https://www.cnblogs.com/zuoluwo/p/9819610.html
背景颜色（background-color） CSS可以用纯色来作为背景，也可以将背景设置为透明,background相当于xhtml中的bgcolor。它的两个值： transparent（默认值，透明） color(指定的颜色，和文本颜色的设置方法相同)示例： body {background-color: black;} h1 {background-color: #00ff00;} h2 {background-color: transparent;} p {background-color: rgb(0,0,255);}背景图片（background-image） 用一张图片作...
很多人喜欢在body中加样式来控制全局字体的样式，像字体、大小、颜色等。这些写可以减少代码，其实并不然，像表单里面元素就无法继承body的字体属性，先看下效果截图:下面是BODY样式写法：<style type="text/css"><!--body { font-family: Arial, Helvetica, sans-serif; font-size:12px;}--></style>上面效果截图中表单里文本框的字面和表格字体并不是一样的效果，为什么会这样呢？是因为所有的表单元素都不继承body的字体属...