css
whh_lydia
这个作者很懒,什么都没留下…
展开
-
表格标题 caption
1、 标签定义表格的标题。 标签必须直接放置到 标签之后。每个表格只能规定一个标题。通常标题会居中显示在表格上方。表格的标题,对表格的简单描述。说明:CAPTION 元素应该是 TABLE 元素的子对象。TABLE 对象及其关联元素有一个独立的表格对象模型,该模式使用不同于常规对象模型的方法。要获得关于表格对象模型更多的信息,请参看如原创 2015-07-27 16:16:28 · 941 阅读 · 0 评论 -
使用css灰化图片
.gray { -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+,转载 2015-09-14 16:13:57 · 979 阅读 · 0 评论 -
css常用技巧
一、让浏览器显示word格式文本 二、设置浮动背景 body{ background-attachment:fixed;background-image:url(image/1.gjf);} 三、正确对齐文本.dq{margin-left:68px;margin-right:70px;margin-top:69px;margin-bottom:71px;}四原创 2015-08-05 16:12:51 · 333 阅读 · 0 评论 -
窗口特效
一、全屏显示窗口 二、定时关闭窗口function clock( ){ i=i-1;document.title="本窗口将在”+i+"秒后自动关闭!";if(i>0) setTimeout("clock( );",1000);else self.close( );}var i=0;clock( );原创 2015-08-05 11:46:06 · 303 阅读 · 0 评论 -
图像特效
一、鼠标指针移上去图像震动效果style>02.shakeimage{03position:relative04}05style>06原创 2015-08-04 17:32:15 · 456 阅读 · 0 评论 -
清除属性clear、可视区域clip、超出范围overflow、可见属性visibility
一、clearnone:表示允许两边都可以有浮动对象,是默认值left:表示不允许左边有浮动对象right:表示不允许右边有浮动对象both:表示不允许两边有浮动对象二、clipauto:表示对象不裁切rect(上,右,下,左)的顺序提供自对象左上角(0,0)坐标计算的四个偏移数值原创 2015-08-04 10:24:38 · 590 阅读 · 0 评论 -
边框宽度 border-width
medium 表示默认宽度thin 表示小于默认宽度thick 表示大于默认宽度原创 2015-08-04 10:09:22 · 447 阅读 · 0 评论 -
边框属性border
none:无边框dotted:点线边框dashed:虚线边框solid:实线边框double:双实线边框groove:边框具有立体感的沟槽ridge:边框成脊行inset:使整个边框凹陷,即在边框内嵌入一个立体边框outset:使整个边框凸起,即在边框外嵌入一个立体边框原创 2015-08-03 17:20:55 · 547 阅读 · 0 评论 -
滤镜属性
一、alpha 不透明度 filter:alpha(opacity=opcity,finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX, finishY=finishY) Opacity代表透明度等级,可选值从0到100,0代原创 2015-08-04 11:45:08 · 421 阅读 · 0 评论 -
光标属性cursor
值描述url需使用的自定义光标的 URL。注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。default默认光标(通常是一个箭头)auto默认。浏览器设置的光标。crosshair光标呈现为十字线。pointer光标呈现为原创 2015-08-04 10:56:19 · 384 阅读 · 0 评论 -
列表属性list-style-type、图像符号list-style-image、列表缩进list-style-position
一、list-style-typedisc:实心圆circle:空心圆square:实心方块decimal:阿拉伯数字lower-roman:小写罗马数字upper-roman:大写罗马数字lower-alpha:小写英文字母upper-alpha:大写英文字母none:不使用任何项目符号或编号二、list-style-imagenone:不指定图像原创 2015-08-04 10:51:56 · 1438 阅读 · 1 评论 -
文字反排unicode-bidi、direction
一、unicode-bidi bidi-override:表示按照direction属性的值重排序 normal:表示为默认值 embed:表示对象打开附件的嵌入层二、direction属性 ltr:表示从左往右的顺序阅读 rtl:表示从右往左的顺序阅读 inherit:表示文本流的值不可继承原创 2015-08-03 15:55:47 · 780 阅读 · 0 评论 -
背景附件 background-attachment
background-attachment:fixed 表示背景图像固定在页面上不动,只有其他内容是随滚动条滚动background-attachment:scroll 表示背景图像随对象滚动而滚动,是默认选项原创 2015-08-03 12:01:11 · 340 阅读 · 0 评论 -
垂直对齐方式vertical-align、文本转换text-transform
一、vertical-align baseline:浏览器默认的垂直方式 sub:文字的下标 super:文字的上标 top:垂直靠上对齐 text-top:使元素和上级元素的字体向上对齐 text-bottom:使元素和上级元素的字体向下对齐二、transform n原创 2015-08-03 15:29:19 · 378 阅读 · 0 评论 -
背景图像位置 background-position
一、background-position属性的百分比设置值 0% 0% 左上位置 50% 0% 靠上居中位置 100% 0% 右上位置 0% 50% 靠左居中位置原创 2015-08-03 14:25:17 · 664 阅读 · 0 评论 -
多余字以省略号显示的css样式
多余字以省略号显示 .abc { background-color: #CCC; width: 200px; overflow:hidden; text-overflow:ellipsis;/*文字溢出的部分隐藏并用省略号代替*/ white-space:nowrap;/*文本不自动换行*/ 我是标题,我很长,很长,真的很长原创 2015-07-27 11:58:22 · 4168 阅读 · 0 评论 -
图片中hspace 和 vspace 属性
图片中的hspace 和 vspace 属性:用于设置图片与周围文本的距离;hspace:用于设置图片与文本左右的距离vspace:用于设置图片与文本上下的距离如果需在DIV里面设置文本和图片的line-height,须在图片里设置vspace才有效例:文字文字文字转载 2015-07-27 16:00:56 · 8208 阅读 · 0 评论 -
行文字的垂直对齐方式valign
valign -- 代表行的垂直对齐方式(top(顶部对齐) | middle(中部对齐) | bottom(下部对齐) | baseline(基线对齐))(此属性应该使用CSS实现) 。valign可以通俗的理解为上中下。而和align的区别是 align为左中右。原创 2015-07-27 16:33:32 · 863 阅读 · 0 评论 -
实现倒三角样式
1、实现代码如下:#triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red;}2、.child原创 2016-03-07 18:29:57 · 1309 阅读 · 0 评论