您所在的位置:小祥子 » 编程 » CSS

CSS
  • 作者:IT姑凉 发布时间:2015-04-17 围观0次
    只需在链接上加上这一代码就行的了或者跟上面的用CSS写也行 style="cursor:hand"     style="cursor:crosshair" style="cursor:text"    style="cursor:wait" style="cursor:move"    style="cursor:help...
  • 作者:休闲生活文化 发布时间:2015-04-17 围观0次
    <!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><meta http-equiv="Content-Typ...
  • 作者:休闲生活文化 发布时间:2015-04-17 围观0次
    <html><head><title>边框样式</title> </head><body> <p style=border-style:none>无边框</p> <p style=border-style:dotted>点线式边框</p> <p style=border-style:dashed>破折线式边框</p> <p style=border-style...
  • 作者:追梦者bky 发布时间:2015-04-17 围观2次
    box-shadow:阴影偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色 FireFox支持Box Shadow:-moz-box-shadow:2px 2px 5px #333; webkit内核的Safari和Chrome支持Box Shadow:-webkit-box-s...
  • 作者:森林森 发布时间:2015-04-17 围观0次
    一、通用选择器通用选择器可能是所有选择器中最强大的,却使用最少的。通用选择器的作用就像是通配符,它匹配所有可用元素。通用选择器由一个星号表示。通用选择器一般用来对象页面上所有元素应用样式例如:可使用...
  • 作者:佚名 发布时间:2015-04-09 围观343次
    水平居中 方案一: 使用margin:0 auto <!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.or...
  • 作者:佚名 发布时间:2015-04-08 围观429次
    div { box-sizing: border-box; width: 200px; padding: 20px; border: 1px solid #DDD; } 如果你写过CSS或者你接触过CSS,相信你一定对盒子模型一点都不陌生。CSS其中一个让人比较困惑的地方就在于它的盒...
  • 作者:佚名 发布时间:2015-04-08 围观385次
    对于 ie 浏览器我们可以通过自定义的 class 名称,直接修改 span 这个标签的样式。对于其他浏览器诸如谷歌和火狐就需要特殊处理了,不多说直接上代码: css: ::-webkit-input-placeholder{color:#f00;} ::-moz...
  • 作者:佚名 发布时间:2015-04-08 围观466次
    很长一段时间,我都使用12px作为网站的主要字体大小。10px太小,眼睛很容易疲劳,14px虽容易看清,却破坏页面的美感。唯独12px在审美和视力方面都恰到好处。 谁对我的网站字体大小有意见? 我老爸,他是第一个向我...
  • 作者:本站 发布时间:2015-02-11 围观231次
    如果没有进行定义,那么你鼠标点击到有超级链接图片的时候会出现虚线边框。 只需要在CSS里加一句就可以取消这类边框。 a:active {outline:none;blr:expression(this.onFocus=this.blur());}
  • 作者:本站 发布时间:2015-02-07 围观503次
    CSS文本左右居中代码 text-align: center; 一个显示区域左右居中 margin: 0 auto; div区域里的文字上下居中 line-height: 80px;(假设高度为80PX,那么文本就在80px中间) 以上是几个最基本的用法,我们再来看看一...
  • 作者:佚名 发布时间:2015-02-01 围观402次
    为什么要初始化CSS呢,有什么作用? 每次新开发网站或新网页时候我们通过初始化CSS样式的属性,为我们将用到的CSS或html标签更加方便准确。假如我们不初始化CSS样式属性,将会增大CSS代码量,为我们节约网页代码,节...
  • 作者:佚名 发布时间:2015-01-31 围观372次
    在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 <!Doctype html> <html xmlns=http://www.w3...
  • 作者:佚名 发布时间:2015-01-23 围观472次
    代码如下,CSS使用expression相当于半个JS,做了一个判断。 <style type="text/css"> .myul1 LI{background-color: expression(this.sourceIndex%2==0?'#9FB7F6':'#B6C8F8'); } </style> <ul class="myul1"> <...
  • 作者:佚名 发布时间:2015-01-23 围观468次
    效果是让表格的线变成细条,并且让表格里的内容居中显示。 CSS代码 <style type="text/css"> table{ border:1px solid #000; border-width:1px 0 0 1px; margin:2px 0 2px 0; text-align:center; border-col...
  • 作者:佚名 发布时间:2015-01-23 围观363次
    使用FLOAT:LEFT可以将LI标签的内容全部弄到一排显示,但不居中; 使用text-align:center;是居中了,但是又不是一排显示。 不妨使用display:inline;属性,因为li的默认display为block,所以每块都是重新起一行。演示...
  • 作者:佚名 发布时间:2015-01-18 围观298次
    如果你想使用大图片作为网站背景,并希望在页面滚动时保持固定,该代码片段非常适合,不过这段代码无法在旧的浏览器上工作。 html { background:url('images/bg.jpg')no-repeatcentercenter fixed; -webkit-bac...
  • 作者:佚名 发布时间:2015-01-18 围观300次
    CSS给图片加边框阴影特效代码 img.polaroid { background:#000;/*Change this to a background image or remove*/ border:solid#fff; border-width:6px6px20px 6px; box-shadow:1px1px5px #333;/* Standard bl...
  • 作者:佚名 发布时间:2015-01-18 围观391次
    H1可以有效的让搜索引擎知道你突出的重点,比如说你的网站名称用H1标签,以下代码可以同时给与LOGO图片。 h1{ text-indent:-9999px; margin:0auto; width:320px; height:85px; background:transparenturl("im...
  • 作者:佚名 发布时间:2015-01-18 围观331次
    圆角CSS代码 #container { -webkit-border-radius:4px3px 6px 10px; -moz-border-radius:4px3px 6px 10px; -o-border-radius:4px3px 6px 10px; border-radius:4px3px 6px 10px; } /* alternative syntax bro...
  • 作者:佚名 发布时间:2015-01-18 围观480次
    这段类选择器要应用到持有浮动元素的容器中,确保后面的内容都不会浮动,但会被下推和清除。 .clearfix:after { content: ".";display:block;clear:both;visibility:hidden; line-height:0;height:0; } .clearfix ...
  • 作者:佚名 发布时间:2015-01-18 围观281次
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,pre, a, abbr, acronym, address, big, cite,code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong,sub, ...
  • 作者:佚名 发布时间:2015-01-12 围观332次
    代码如下 a{ text-decoration:none; outline:none;} a:active {star:expression(this.onFocus=this.blur());} } 将以上代码放到站内通用调用的CSS文件里,就可以去掉全站点击链接的时候周围显示的虚线框。
  • 作者:佚名 发布时间:2015-01-11 围观246次
    其实css中的长度单位一共有8个,分别是px,em,pt,ex,pc,in,mm,cm; px:像素(Pixel),相对于设备的长度单位,像素是相对于显示器屏幕分辨率而言的。譬如,WONDOWS的用户所使用的分辨率一般是96像素/英寸。...
  • 作者:佚名 发布时间:2015-01-09 围观252次
    1.TABLE: <table> <tr> <th>网站标题</th> </tr> <tr> <td>网站内容</td> </tr> </table> 2.DIV+CSS: <div id=“title“>网站标题</div> <div id=“content“>网站内容</div> 3.用XHTML来写: ...
总数:681 上一页1 ...21 22 23 24 25 26 27 28下一页