html和css小知识点

<link rel="stylesheet” href="index.css”
colspan跨行
rowspan跨列
cellspacing格与格之间的间距
cellpadding格与字的间距
background:urldmagejpg) no-repeat scrollcenter top
background:rgba0.0，03；
浮动要回看
box-shadow:h-shadowv-shadow blur spreadcolor inset；
h-shadow必需。水平阴影的位置。允许负值。
v-shadow必需。垂直阴影的位置。允许负值。
blur可选。模糊距离。测试
spread可选。阴影的尺寸。测试
color可选。阴影的颜色。请参阅CSS颜色值。
inset可选。将外部阴影（outset）改为内部阴影
精品推荐

shoping
css
base.css
common.css
index.css
images
upload:产品图，更换频繁
fonts
js

SEO优化：

<meta name="description" content="我们来了">
<meta name="keywords" content="购物，买东西">

<!-- 设置标题的小图标 -->

<link rel="shortcut icon" href="favicon.ico" />

<!-- 调用css -->

<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/common.css"> </head>

名称说明

快捷导航栏 shortcut （捷径）

头部 header

标志 logo

购物车 shopcar

搜索 search

热点词 hotwrodse

导航 nav

导航左侧 dropdown包含.dd.dt 导航右侧 navitems

页面底部 footer 页面底部服务模块 mod_service 页面底部帮助模块 mod help 页面底部版权模块 mod_copyright

win + D 可以快速返回桌面

LOGO SEO 优化：

​

品优购商城

把logo的图片给a链接 overflow font-size = 0;

加title 1.h1 a 名字（隐藏）背景图logo

VScode快捷键
alt+tab（电脑）切换程序
ctrl+tab切换vscode里面的窗口
光标移动到下一行ctrl+Enter
查找：Ctrl+f
选取所有找到的匹配项：Ctrl+Shift+L
分屏后编辑器之间切换：Ctrl+1.2..
关闭窗口（全部）：CtrltShift+W
选中当前单词：ctl+d
ctrl+x，把剪切当删除用
ctrl+鼠标左键：快速定位到css中的类名
快速锁定电脑：window+L
更换颜色主题：ctrl+K ctrl+T都要按
 

全屏快捷键为回车键，或者Alt+回车键