360前端星计划第一天 —— HTML,CSS(部分)篇(本文以 FAQ 的形式展开,记录了我在360学习过程中触及的盲点)
Q:为什么会有 doctype ,它有什么用? A:浏览器根据 doctype 决定其渲染模式,不写 doctype 会进入怪异模式。PS:知识点请了解,标准模式,近标准模式,怪异模式。
Q:base 标签有什么作用? A:指定基准 url 和链接打开方式。
Q:noscript 标签有什么作用? A:在没有 js 的时候所展示的页面,PS:提示浏览器打开 js 功能。
Q:meta 标签你了解多少? A:例如可以举例如下 <meta name="robots" content="noindex"> <meta name="render" content="webkit">
Q:a 标签上有哪些妙用? A:mailto,tel
Q:一些不常使用的 html 标签? A:例如可以举例如下 <blockquote></blockquote> 引用
演出表 <dl> <dt> 主演 </dt> <dd> 范冰冰 </dd> </dl><object></object> 常用于 flash
Q:图片指定高度的好处 A:防抖动
Q:各种图片格式的区别 A:例如可以举例如下 jpg 适用于色彩多的(如照片) png 使用于色彩单调,png24 可以半透明 gif 无法半透明,可以动画 了解 webp,apng
Q:html 标签的妙用 A:此时可以回答富应用,举例如下 <div role="button" aria-lable="Refresh"></div> 推荐学习网站 The Living Standar 官方
Q:权重值(特异度 specificity)的计算方式 A:二进制形式,例如 当类选择叠加至 255 个的时候,权重值将高于 ID选择器。(.a.a 会计算两次权重值)
Q:font-family 了解哪些? A:分为字体以及字体族 Sans-Serif 无衬线体——粗细基本一致,例如 YaHei Serif 衬线体——例如宋体 Monospace 等宽字体——例如 consolas 代码编辑器为等宽字体,网页在设计中最好使用等宽字体。font-family:英文放前,中文放后(这样可以使得中英文字体不同),字体族打底,浏览器会自动去字体族中寻找字体。表单不继承。
Q:color 有哪些设置方式? A:hex,rgb,rgba,hsl,hslf(后两个不是专业的调色师一般用不到)
Q:font-size A:默认 16px ,% 相对于父级设置,1em 是指父级的 font-size。
Q:line-height A:默认值 1-1.1,具体由浏览器决定。如设置 line-height:1.6,其真实值为 1.6 * font-size。计算值默认可继承,如设置 line-height:1.5,则子元素继承到的即为 1.5,若设置 line-height:1.5em,则子元素继承到的值为 1.5 * font-size。
