问答

• line-height有什么作用?如何去查CSS熟悉的兼容性？比如inline-block哪些浏览器支持？
• line-height表示设置行高；设置p{line-height:2em;}表示p标签下字符所占高度为本身大小的两倍；line-height:12px;常和height:12px;组合使用，使得文本垂直居中(设置数值一样时，常用于设置按钮中的文本)
• 登录http://caniuse.com/ 在最上面的输入框里输入想要查的样式
  
  Paste_Image.png

• inline-block被支持的浏览器

  
  
  Paste_Image.png
• a 标签的href, title, target 是什么？ title 和 alt有什么区别？如何新窗口打开链接?
  • a 标签的href, title, target 是什么？
  • href表示a元素指向的url，href可以赋值为某个标签设置的#id属性(锚点)或http://链接
  • taget表示a在何处打开目标 url，仅在 href 属性存在时使用。
  • title作为属性时规定元素的额外信息。
  • title 和 alt有什么区别？
  • alt 是图片加载失败时和未加载完成时，显示在网页上的替代文字； title 是鼠标放上面时显示的文字。
  • alt是img标签的必要属性。
  • 如何新窗口打开链接?
  • <a href="#" target="_blank">打开一个新窗口</a>
• display: none, visibility: hidden, opacity:0 有什么作用？有什么区别？
  • display:none使整个元素消失并脱离文档流，不过dom标签仍然存在可被JS选中。
  • visibility:hidden使元素在当前文档流中隐藏，仍然存在于文档流中，可以被直接选中，相当于透明了。
  • opacity:0表示元素的可见值为0既透明，可以设置0~1的值来设置透明度，值为0时与visibility:hidden效果相似。
• 如何去除 a 链接的默认样式？直接在 a 链接父容器添加颜色，能否继承到当前 a 链接上？
• a { text-decoration:none;}可以去除a链接的默认样式，表示去除文本装饰。

• 直接在 a 链接父容器添加颜色，不能继承到当前 a 链接上

  
  
  Paste_Image.png

本博客版权归 杨然和饥人谷所有，转载需说明来源