html怎么添加title标签？

直接加title，给用户提示。
比如：产品详情页标题。

项目：电商网站，2 01 8 年上线。

数字：点击率提升1 0%。

web前端面试题css的选择器哪些可以继承

标签名选择器：p{}。
类选择器：.polaris{}。
ID选择器：polaris{}。
继承规则：
visibility和cursor：所有元素继承。

letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction：内联元素继承。

text-indent和text-align：终端块状元素继承。

list-style、list-style-type、list-style-position、list-style-image：列表元素继承。
浏览器兼容性：不确定。

CSS元素选择器入门：如何选中HTML标签

说实话，当年我刚开始捣鼓前端的时候，元素选择器简直是救星。
你想想，直接写 p { color: red; } 就能把所有段落变红，这操作简单得不行。
我刚开始接手一个老项目，里面全是全站统一的蓝色段落，想改某个特殊段落的颜色？简直要命。
后来发现给那个段落加个 class="special"，再用 .special { color: green; } 就搞定了，这才明白为啥不能光靠元素选择器混。

有意思的是，元素选择器特别适合快速原型开发。
我有个朋友做设计稿转前端，他直接在CSS里写 img { width: 1 00%; } 就搞定所有图片自适应，省得一个个设置。
不过这招用在正式项目里就有点悬了，毕竟你总不能把所有按钮都做成一样的吧？后来他改用 [type="button"] { padding: 1 0px; } 这样根据属性来选，效果好了不少。

说到局限性，我遇到过最头疼的事是一次重构。
一个旧网站全是 div 堆代码，样式写成 div { margin: 1 0px; }，结果想改导航栏那个 div 的间距，却发现整站都得跟着变。
当时我直接抓狂，花了两天时间给每个模块的 div 都加上了 class="module-name" 才算解决。
所以现在我对元素选择器有种戒心，除非是像 body 这种绝对基础的东西，否则我一般都配合类选择器用。

继承机制这块其实挺有意思的。
我之前做响应式布局，给 body 设置了 font-family: sans-serif;，结果发现所有文字都继承了，连按钮上的文字都一样。
后来学乖了，给 button 也单独写 font-family: 'Arial'; 才对。
不过也有例外，比如 color 属性，给 h1 设了颜色，它下面的 p 默认就跟着变色，这倒是省了不少事。

现在我们团队写CSS有个习惯，先全局用元素选择器定下基调，比如 a { color: 06 c; text-decoration: none; }，然后遇到特殊需求就加类，像 a.primary { background: blue; color: white; } 这样。
这么做的好处是代码简洁，新人也能快速上手。
当然，大项目里还是得用ID选择器来给关键元素做绝对定位，比如 .modal close-btn { ... } 这种，不然元素选择器的低特异性真要命。

其实吧，我觉得关键不在于用不用元素选择器，而在于用得适不适合场景。
像给所有 input 设置 border: 1 px solid ccc; 这种基础样式，用元素选择器完全没问题。
但你要是想给某个登录表单的密码框加个特殊边框，那肯定得加个 form.login input[type="password"] { border: 2 px dashed red; } 才行。