文本阴影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的字体属...