HTML
一般像一些小图标，使用<i></i>标签来作为盒子，因为i像是icon的缩写。
SEO三大标签（搜索引擎优化，提升网站百度搜索排名）
title：网页标题标签
description：网页描述（meta:des）
keywords：网页关键词（meta:key）
以京东为例：
<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
<meta name="description" content="京东JD.COM-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。">
<meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东">
CSS
一般网址页面上得logo都使用h1来进行摆放，其他标题等可以根据情况使用h2/h3等标签
侧边栏的做法(可以在缩放时保持侧边栏的位置)
.subnav{
position:fixed;
top:50%;
left:50%;
margin-left:620px;
}css变量：css允许设置功能变量，方便多个位置调用同一个变量，方便快速修改，比如文字颜色，主题颜色等。
:root {
--color: pink;
}
.box{
color: var(--color);
}文字单行显示，溢出用省略号代替
/* 1. 不允许文字换行 强制文字一行显示*/
white-space: nowrap;
/* 2. 溢出隐藏 */
overflow: hidden;
/* 3. 文字溢出用省略号代替 */
text-overflow: ellipsis;少用但又常用的初始化样式
a标签
取消下划线：text-decoration: none
各个状态效果：link、visited、hover、active，简称lvha。
li标签
取消黑色小点：list-style:none
i标签
取消斜体：font-style: normal
input标签
text输入框：取消默认的边框：border:none
text输入框：取消获得焦点时的边框：outline:0
table标签
合并相邻的两个边框： border-collapse: collapse;