HTML3

line-height有什么作用?

  • 定义和用法
    line-height 属性设置行间的距离(行高)。
    注释:不允许使用负值。
  • 说明
    该属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。
    line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。
    原始数字值指定了一个缩放因子,后代元素会继承这个缩放因子而不是计算值。
  • 撑开div高度的是line-height不是文字内容。

http://www.w3school.com.cn/cssref/pr_dim_line-height.asp
http://www.zhangxinxu.com/wordpress/2009/11/css%E8%A1%8C%E9%AB%98line-height%E7%9A%84%E4%B8%80%E4%BA%9B%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%E5%8F%8A%E5%BA%94%E7%94%A8/

如何去查CSS属性的兼容性?比如inline-block哪些浏览器支持?

  • 可查阅www.caniuse.com (即can i use),输入相应属性,即可查看相关代码。

a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?

  • href 用于链接的目标 URL(链接或网页位置)

  • 如果不使用 href 属性,则不可以使用如下属性:download, hreflang, media, rel, target 以及 type 属性。

  • title

  • 属性规定关于元素的额外信息。

  • 作用:这些信息通常会在鼠标移到元素上时显示一段工具提示文本
    title 属性常与form与a 元素一同使用, 以提供关于输入格式和链接目标的信息。同时它也是 abbr 与acronym元素的必须属性。

  • target
    target属性是表示浏览器在何处打开一个新的链接,是打开一个新的窗口还是覆盖本页面。

  • title 和 alt有什么区别

  • title属性为设置该属性的元素提供建议性的信息。

    title属性可以用在除了base,basefont,head,html,meta,param,script和title之外的所有标签。但是并不是必须的。可能这正是为什么很多人不明白何时使用它。使用title属性提供非本质的额外信息。大部分的可视化浏览器在鼠标悬浮在特定元素上时显示title文字为提示信息

    ** title属性有一个很好的用途,即为链接添加描述性文字,特别是当连接本身并不是十分清楚的表达了链接的目的。**这样就使得访问者知道那些链接将会带他们到什么地方,他们就不会加载一个可能完全不感兴趣的页面。另外一个潜在的应用就是为图像提供额外的说明信息,比如日期或者其他非本质的信息。title属性值可以比alt属性值设置的更长。不过要注意的是,有些浏览器会截断过长的文字(比如工具提示或其他)。比如Mozilla核心的浏览器只能显示最先的60个字符。这被认为是一个Mozilla bug,这是你要注意的。

  • alt属性只能用在img、area和input元素中(包括applet元素)。对于input元素,alt属性意在用来替换提交按钮的图片。使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户,视觉障碍的用户和使用屏幕阅读器的用户等。

display: none , visibility: hidden, opacity:0有什么作用?有什么区别?

  • 都可以让元素不显示在页面
  • display: none: 移除元素,不占空间,不触发事件
  • visibility: hidden 占用空间,不触发事件
  • opacity:0 调节透明度使之看不见,占用空间,触发事件

如何去除 a 链接的默认样式?直接在 a 链接父容器添加颜色,能否继承到当前 a 链接上?

  • 去除a链接的默认方式:
  • text-decoration:none;去除下划线
  • color: 更改默认颜色
  • a:hover{} 更改划过颜色
  • a:visited{} 更改已访问颜色
  • 不能继承。除颜色均可以继承

代码题4

  • HTML3_第1张图片
    2.jpg

    为方便理解,将背景色设置为红色。margin: 0 auto使得该元素距离浏览器上下边距为0,左右自动调整。为居中作用。

笔记补充

hover

  • :hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。
    说明
    这个伪类应用处于“悬停状态”的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。理论上,其他元素也可以处于悬停状态,不过 CSS 没有定义究竟是哪些元素。

本教程归饥人谷_Nick和饥人谷所有,转载需说明来源。

你可能感兴趣的:(HTML3)