<code>/****类选择器语法****/

.类名{

属性1：属性值1；

...

}

3.id选择器

id 选择器可以为标有特定id 的 HTML元素指定特定的样式。

HTML 元素以 id 属性来设置id 选择器,CSS 中 id 选择器以“#"来定义。

#id名{

属性1：属性值1;

...

}

CSS字体属性

字体系列

p{ font-family:"微软雅黑";}

div {font-family:arial,"Microsoft Yahei"，"微软雅黑";

各种字体之间必须使用英文状态下的逗号隔开

一般情况下,如果有空格隔开的多个单词组成的字体加引号,

尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示

最常见的几个字体 :body{font-family."MicrosoftYaHei ,tahoma,arial,'Hiragino Sans GB': }

字体大小

p {

font-size:20px;

}

//谷歌浏览器默认的文字大小为16px

样式 

内部样式：写在head标签里

使用style标签，里面有一个或多个CSS规则，内部样式仅对当前的页面有效

外联样式（常用）：把link标签放在head标签内

然后指定link标签的href属性来指定外部css文件路径 来引入外部样式表，引入的样式也仅对当前的html页面有效

JS

常量与变量

let : 变量，可多次赋值；

const : 常量,只能赋一次值，但const声明的是数组或对象时 其内部元素可以被改变 不过不能完全更改；

模板字符串

"my name is" + name

'my name is ${name}'

数组

const numbers = new Array(1,2,3,4,5);

const fruits = ["apple",10,true];

从0开始排序

在末尾添加新元素fruits.push("name");

在头部添加fruits.unshift("");

删除末尾元素fruits.pop();

// 数组的简单定义

const number = ["asd0",'dwad','dwadasufg',true,null,10];

console.log(number);

console.log(number[0]);

// 在末尾加上

number.push("NewAdd");

// 在头部加上

number.unshift("Fornt");

// 删除末尾的

number.pop();

// 判断数据是否为数组

console.log(Array.isArray('hello'));

console.log(Array.isArray(number));

// 得到索引

console.log(number.indexOf("asd0"));

对象

跟学b站设计优品购前端页面总结：

 网站TDK三大标签SEO优化

1.title 网站标题

title 具有不可替代性，是我们内页的第一个重要标签，是搜索引擎了解网页的入口和对网页主题归属的最佳判断点。

建议:网站名(产品名)-网站的介绍(尽量不要超过30个汉字 )例如:

京东(JD.COM)-综合网购首选-正品低价、品质保障、配送及时、轻松购物!

·小米商城-小米5s、红米Note 4、小米MIX、小米笔记本官方网站

2.description 网站说明

简要说明我们网站主要是做什么的。

我们提倡，description作为网站的总体业务和主题概括，多采用“我们是.."“我们提供…"“xxx网作为..”、“电话 :010...”之类语句。

3.keywords关键字

keywords是页面关键词，是搜索引擎的关注点之一

keywords最好限制为6~8个关键词,关键词之间用英文逗号隔开,采用 关键词1,关键词2 的形式

例如:<meta name=“keywords" content=“网上购物,网上商城手机,笔记本,脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>

1)logo 里面首先放一个h1 标签，目的是为了提权，告诉搜索引擎，这个地方很重要。

2)h1里面再放一个链接，可以返回首页的，把logo 的背景图片给链接即可。

3)为了搜索引擎收录我们，我们链接里面要放文字(网站名称)，但是文字不要显示出来,

方法1:text-indent移到盒子外面(text-indent:-9999px),然后overflow:hidden,淘宝的做法。

方法2:直接给 font-size:0;就看不到文字了，京东的做法。

4)最后给链接一个title属性，这样鼠标放到logo 上就可以看到提示文字了

通过以上的方式能够增加网站的浏览热度。