`
rebecca
  • 浏览: 315241 次
  • 性别: 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.

 

分享到:
评论

相关推荐

    CSS Reset 样式重置的实现示例.pdf

    font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; color: inherit; outline: none; } /* 按钮和输入元素 */ button, input[type='submit'], ...

    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,...

    CSS属性大全 (1).pdf

    - **语法**:`font: font-style font-variant font-weight font-size/line-height font-family;` - `font-style`:指定字体风格,如斜体或正常字体。 - `font-variant`:指定小型大写字母。 - `font-weight`:...

    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中的inherit使用技巧小结

    在CSS中,`inherit`关键字是一个非常重要的概念,它允许子元素从其父元素继承特定的样式属性。本文将深入探讨`inherit`的使用技巧及其在CSS中的作用。 首先,`inherit`关键字的作用是使子元素沿DOM树向上查找,采用...

    css样式大全精华版.docx

    ### CSS样式大全精华版知识点概览 #### 一、字体属性 (Font Properties) **1. 大小** (`font-size`) - `x-large`:特大 - `xx-small`:极小(中文环境下较少使用,推荐使用具体数值如`16px`) - **单位**:`px`,...

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

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

    line-height全面解析

    **Half-leading**:有时会用到更小单位的Leading,即半个Leading。 **Line-height**:在CSS中,用来控制行间垂直间距的属性。不同于传统印刷中的Leading,`line-height`不仅包括了实际文字占据的空间,还包括了上下...

    CSS样式大全(参考)

    ### CSS样式大全知识点详解 #### 一、字体样式(Font Properties) **1. 字体大小 (Font Size):** - `font-size: x-large;` 设置字体大小为x-large。 - `font-size: xx-small;` 设置字体大小为xx-small。 - 可以...

    css复位全部代码

    font-family: inherit; text-align: left; vertical-align: baseline; } ``` - **解释**:此段代码对常见的HTML标签进行了全局的样式复位。例如,将`margin`、`padding`设置为0可以消除元素间的额外空白;`...

    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=...

    CSS超全的学习笔记

    ### CSS超全的学习笔记 #### 简介 本文档为一份详尽的CSS学习笔记,旨在帮助初学者快速掌握CSS的基本用法及其高级特性。本文档覆盖了从基础选择器到复杂布局的所有方面,是学习CSS的理想资源。 #### CSS基础语法...

    CSS属性大全[归类].pdf

    CSS 属性大全 CSS 属性大全是指 CSS 中的所有属性,以下是对这些属性的详细解释: 字体属性 * font-size: 设置字体大小,单位可以是 PX、PD 或 EM * font-style: 设置字体样式,包括 oblique(偏斜体)、italic...

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

    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....

    10个常用CSS代码片段(DOC文档)

    font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: ...

    swedish-css-values:瑞典CSS值

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

    Reset CSS

    font-family: inherit; font-size: 100%; font-weight: normal; line-height: 1; } /* 重置列表样式 */ ol, ul { list-style: none; } /* 重置链接样式 */ a, a:visited { color: inherit; text-decoration...

Global site tag (gtag.js) - Google Analytics