`
rebecca
  • 浏览: 311603 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

font-family:inherit;?CSS小归纳ing

阅读更多

1.font-family:inherit;是什么意思?

    字体样式从  父元素继承。

 

2.

    zoom:1; /* 针对IE6.0*/

 

   还有,例如<div style="background:#000; margin:5px; zoom:1;"> /* 在没设置宽度确切值的时候用ZOOM*/


    overflow:hidden; /*在没清除浮动的时候针对 FF*/

 

备注:在(二)6.简易选项卡 实例中可以 测试。

 

3.

 

 cursor:pointer; 鼠标变小手

 

4.

 

display:block;显示。 display:none隐藏。在JS中常用

 

5.<a href="javascript:;">什么意思?

 

解释:一,是JS代码的跳转链接的语句格式,HTML里面的格式是,<a href="">,这样写是为了让这个链接不要链接到新页面转而执行一段js代码。和onclick能起到同样的效果,一般来说,如果要调用脚本还 是在onclick事件里面写代码,而不推荐在href='javascript:function()' 这样的写法,因为 href 属性里面设置了js代码后,在某些浏览器下可能会引发其他不必要的事件。造成非预期效果。。

 

例如,

 

javascript:;作用相当于javascript:void(0);

意思是不返回任何值,也就是说这个链接是个空链

有时候为了美观或者JS客户端验证,会写类似于下面的程序:
<a href="javascript:void(0);" onclick="javascript:alert('请先输入信息~!');">开始转向</a>

如果直接在href里加链接路径,onclick和href就是并发事件,那样的话onclick事件也就没什么实际作用了~!

 

 

二,

就是点击的时候执行javascript,一般常见的是做关闭和返回功能,比如<a href="javascript:window.close();">关闭</a>,你上面这句代码完整的话,就是点击这个连接,
不执行任何操作

 

三,再

比如说要点一下让他有打印功能
就这样:<A href="javascript:print();">打印</A> 

 

6.CSS    {z-index:1;}下面是查到的详细

 

讲解地址http://www.cnblogs.com/gisdream/archive/2010/06/10/1755891.html

 

7.

 

分享到:
评论

相关推荐

    CSS3鼠标悬停文字边框背景动画特效.zip

    font-size: 1.4rem; color: var(--inv); letter-spacing: 1.1rem; text-transform: uppercase; -webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 600ms cubic-bezier(0.77, 0,...

    HTML 网页设计

    css标签,网页模板/* Author: W3layout Author URL: http://w3layouts.com License: Creative Commons Attribution 3.0 Unported License URL: http://creativecommons.org/licenses/by/3.0/ */ /* reset */ html,...

    超酷页面左侧导航菜单

    VISIBILITY: inherit; WIDTH: 202px; POSITION: absolute; TOP: 0px; HEIGHT: 40px } .border { BORDER-RIGHT: #fcdf58 1pt dashed; BORDER-TOP: #fcdf58 1pt dashed; BORDER-LEFT: #fcdf58 1pt dashed; BORDER-...

    css字体样式(Font Style) 属性

    {font:font-style font-variant font-weight font-size font-family} 2 字体类型 {font-family:"字体1","字体2","字体3",…} 3 字体大小 {font-size:数值|inherit| medium| large| larger| x-large| xx-large|...

    css3鼠标悬停图片放大展示代码.zip

     font-family: "Nothing You Could Do"; } *, *:before, *:after {  box-sizing: inherit; } html, body {  height: 100%; } 一款简单的css3鼠标悬停图片放大展示代码,css3 transform属性...

    jQuery echarts柱状图数据统计图表插件.zip

    代码片段: body, html { width: 99%; height: 99%; font-family: "arial, helvetica, sans-serif"; font-size: x-large; font-kerning: inherit; font-stretch: expanded; }

    三星9305收索

    --[if IE 8]&gt;&lt;style index="index" &gt;#u1 a.mnav,#u1 a.mnav:visited,#u1 a.lb,#u1 a.lb:visited,#u1 a.pf,#u1 a.pf:visited,#u1 a.bri,#u1 a.bri:visited{font-family:simsun}&lt;/style&gt;&lt;![endif]--&gt;&lt;style data-for=...

    超漂亮的仿腾讯弹出层效果(兼容主流浏览器)

    font-family:inherit; line-height:inherit;} h5{ font-size:12px;} &lt;script type="text/javascript" src="Dialog.js"&gt;&lt;/script&gt; function $(ele) { if (typeof(ele) == 'string'){ ele = document....

    CSS中的inherit使用技巧小结

    主要介绍了CSS中的inherit使用技巧小结,CSS中的继承关键字的使用是CSS入门学习中的基础知识,需要的朋友可以参考下

    swedish-css-values:瑞典CSS值

    瑞典CSS值总体CSS值已翻译成瑞典文如果任何字眼看起来很怪异,请随时提交拉取请求用法$ npm install --save swedish-css-values /** * Getting Swedish CSS Values * * @return { object } */var SECSS = require ( ...

    media-queries

    /* CSS Document */ @media screen and (max-width: 1000px) { .header-inner,.banner-inner,.inner-box,.main-inner,.footer-inner,.banner-1-inner{ width:100%;} .header{ padding-bottom:12px;} .header-...

    CSS的writing-mode文字排版属性使用教程

    语法: CSS Code复制内容到剪贴板 writing-mode : lr-tb | tb-rl  CSS Code复制内容到剪贴板 ... /* 全局值-关键字inherit IE8+,initial和unset IE13才支持 */  writing-mode: inheri

    看懂《CSS hack浏览器兼容一览表》

    CSS hack浏览器兼容一览表 《CSS hack浏览器兼容一览表》在很多的...voice-family:inherit;property:value; &lt;STYLE type=text/css&gt; #test-span { voice-family:\}\; voice-family:inherit; color:green; } &lt;/

    electronic-seamless-titlebar-tutorial:在您的Electron应用中创建无缝Windows 10标题栏的指南

    电子无缝标题栏教程(Windows 10风格) 在您的Electron应用中创建无缝Windows 10标题栏的指南。 我受到获得本机外观的方式的启发,以及的...}body { font-family : "Segoe UI" , sans-serif; background : # 1A2933 ;

    js日历控件(可精确到分钟)

    visibility:inherit; top:0px; left:0px; width:170px; z-index:-1; filter: Alpha(Opacity=0);} .cal_table{ border:#333333 solid 1px; border-collapse:collapse; background:#ffffff; font-size:12px} .cal_...

    webpack-file-inherit:Webpack加载器,可对任何文件类型启用类似pug的继承

    Webpack文件继承加载程序使您可以将Pug像扩展/继承Cabilites添加到任何文件类型注意:此装载机仍在开发中,尚未准备好用于生产中入门首先,您需要安装webpack-file-inherit : npm install --save-dev webpack-file-...

    postcss-subgrid:PostCSS插件,使所建议CSS子网格规范的一些基本行为成为现实

    PostCSS子网格 插件,它使提议CSS display: subgrid基本行为display: subgrid 。 用作继承全宽子网格的简单快捷方式。 此插件不是真正的子网格的polyfill,也无助于创建部分/适当嵌套的网格作为复杂布局的一部分。 ...

    关于box-sizing的全面理解

    语法box-sizing: content-box|border-box|inherit; content-box :w3c标准(默认) border-box :IE传统标准 content-box: .test1{ box-sizing:content-box; width:200px; padding:10px; borde

    深入理解CSS的height:100%和height:inherit之间的使用区别

    inherit确实是个好东西,不仅节约代码,尤其与background之流打交道;而且还利于维护。 注意,如果想要继承background的图片,不能这样缩写,会显得很天真: CSS Code复制内容到剪贴板 background: #fff inherit...

    谷歌地图 delphi 封装库 2013 0.1.9 全面支持google maps api

    - Improvement: TGMObjects -&gt; new class that inherits from TGMBase and the classes that inherit as TGMLinkedComponent or TGMDirection - Improvement: TGMMaps -&gt; added Layers property to access Google ...

Global site tag (gtag.js) - Google Analytics