标签、兼容性

1.line-heigh有什么作用?

  • line-height属性设置行间的距离(行高),不允许使用负值。
    该属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。
  • 属性值包括:
  • normal
    取决于用户代理。浏览器使用默认值,约为1.2,这取决于元素的 font-family
  • number
    设置数字,此数字会与当前的字体尺寸相乘来设置行间距,使用这种方法设置line-height是首选方法,所有继承下来的元素不会忽略font-size的值,line-height会随着font-size作相应的缩放。
  • length
    设置固定的行间距。如:
    div { line-height: 12pt; font-size: 10pt },这个line-height的长度值12px会被后代元素继承下来,而忽略本身font-size的值,line-height不会随着font-size的值作相应的改变。
  • percentage(%)
    基于当前字体尺寸的百分比行间距。计算值是给定的百分比值乘以元素计算出的字体大小。
  • inherit
    规定应该从父元素继承 line-height 属性的值。
  • 语法
div { line-height: 1.2;   font-size: 10pt }   /* number */ 
div { line-height: 1.2em; font-size: 10pt }   /* length */ 
div { line-height: 120%;  font-size: 10pt }   /* percentage */
div { line-height: 12pt;  font-size: 10pt }   /* length */
  • line-height可以使文本居中,代码如下:

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

CSS属性的兼容性可以通过以下网站查询:Can I Use。不仅可以查兼容性,还可以知道存在的bug。
inline-block的兼容性如下:

3.a标签的hreftitletarget是什么?titlealt有什么区别?如何在新窗口打开链接?

  • a 签定义超链接,用于从一张页面链接到另一张页面。在所有浏览器中,链接的默认外观是:
    未被访问的链接带有下划线而且是蓝色的。
    已被访问的链接带有下划线而且是紫色的。
    活动链接带有下划线而且是红色的。
  • a 标签的属性:
  • download
    此属性指示浏览器下载URL而不是导航到URL,因此将提示用户将其保存为本地文件。该属性也可以设置一个值来规定下载文件的名称。
  • href
    规定链接指向的页面的 URL。这是一个必需属性为锚定义一个超文本链接来源。href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。
  • hreflang
    规定被链接文档的语言。仅在使用href 属性时才可以指定 hreflang 属性。
  • rel
    规定当前文档与被链接文档之间的关系。
  • target
    规定在何处打开链接文档。属性值如下:
    _blank
    浏览器总在一个新打开、未命名的窗口中载入目标文档。
    _self
    这个目标的值对所有没有指定目标的a 标签是默认目标,它是在当前窗口直接跳转。这个目标是多余且不必要的,除非和文档标题 <base>标签中的 target 属性一起使用。
    _parent
    这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self等效。
    _top
    这个目标使得文档载入包含这个超链接的窗口,用_top目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
  • type
    该属性指定在一个 MIME type 链接目标的形式的媒体类型。其仅提供建议,并没有内置的功能。
  • title是当鼠标移到元素上时显示提示信息,title是一个全局的属性,不仅仅可以用在a标签里面。
    alt属性只能用在imgareainput元素中,指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。titlealt的区别:alt只在图像无法显示时才会显示。而title时鼠标移动上去就会显示。

4.display:nonevisibility:hiddenopacity:0有什么作用?有什么区别?

display:none表示元素及其它的子元素 不会被呈现。使元素脱离文档流。
visibility: hidden表示隐藏元素,但是其他元素的布局不改变,相当于此元素变成透明。
opacity:0表示元素完全透明,但它部影响元素本来的作用。只是变成了透明。

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

  • 去除默认样式用:text-decoration: none;
    默认样式:百度一下 下面有下划线
  • 直接在 a链接父容器添加颜色,不能继承到当前a链接上,是因为被浏览器对a标签默认样式覆盖掉了。要实现对a链接颜色起作用,必须单独设置a属性。

6.margin: 0 aut0;text-align:center;的区别?

  • margin: 0 aut0;是作用在当前元素上使元素居中,auto是表示当前
    margin自动设置。如果你元素的文本设置了宽度,元素居中,但相对于网页,文本并没有居中。所以,整体效果还是没有居中的。
  • text-align:center;是作用在父元素上,表示了子元素的文本居中。整体效果是居中的。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,636评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,890评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,680评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,766评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,665评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,045评论 1 276
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,515评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,182评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,334评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,274评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,319评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,002评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,599评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,675评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,917评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,309评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,885评论 2 341

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,721评论 1 92
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,017评论 0 1
  • A、问答题 一、盒模型包括哪些属性? 有content(盒子内容)、padding(清除内容周围的区域---内边距...
    该帐号已被查封_才怪阅读 502评论 0 4
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,183评论 0 5
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 921评论 0 1