学习内容

1.什么是HTML和CSS

2.常用的CSS样式（CSS语法、选择器、盒子模型）

3.CSS的三种引入方式（外部样式、内部样式、内联样式）

4.常用的HTML标签

5.HTML标签的分类（块标签、内联标签、内联块以及各自特点）

6.元素的居中

7.选择元素的优先级

要点总结

HTML是用来组成网页的标签，CSS是用来修饰HTML标签。HTML的特点是语义化。

① css语法：

h3 {

padding:10px ; cursor:pointer;

}

② css常用选择器：

p.one{} class 选择器

p#two{} id 选择器

p:hover{} 伪类选择器

id选择器不考虑

③ 盒子模型：

border 和 padding 属性的改变会对元素的大小有影响

如果给一个值，四周都填充这个值，如果给多个值，按照顺时针的方式推。

内联样式（在html元素内）＞内部样式表（在<head>标签内）＞外部样式表

① 块标签的特点（div h1`h6 p ui li dl dt dd）：独占一行，可以设置宽高

② 内联标签特点（a span strong i em）：并排显示，不能设置宽高，不能设置 margin-top 、 margin-bottom

③ 内联块特点（img butto input）：并排显示，可以设置宽高（img butto input）

margin-right: auto; margin-left: auto; 只针对块元素。

可以用 display：block 将其转化成块元素，然后再实现居中。

当子元素没有设置宽度时会默认继承父元素的宽度

当父元素没有设置宽度时会默认继承子元素的宽度