Day01
2017-07-05 本文已影响0人
AnnQi
学习内容
1.什么是HTML和CSS
2.常用的CSS样式（CSS语法、选择器、盒子模型）
3.CSS的三种引入方式（外部样式、内部样式、内联样式）
4.常用的HTML标签
5.HTML标签的分类（块标签、内联标签、内联块以及各自特点）
6.元素的居中
7.选择元素的优先级
要点总结
1.HTML和CSS的定义
HTML是用来组成网页的标签，CSS是用来修饰HTML标签。HTML的特点是语义化。
2.CSS样式
① css语法：
h3 {
padding:10px ; cursor:pointer;
}
② css常用选择器：
p.one{} class 选择器
p#two{} id 选择器
p:hover{} 伪类 选择器
id选择器不考虑
③ 盒子模型：
border 和 padding 属性的改变会对元素的大小有影响
如果给一个值，四周都填充这个值，如果给多个值，按照顺时针的方式推。
3.CSS的三种引入方式的关系
内联样式（在html元素内）＞内部样式表（在<head>标签内）＞外部样式表
4.HTML的分类
① 块标签的特点（div h1`h6 p ui li dl dt dd）：独占一行，可以设置宽高
② 内联标签特点（a span strong i em）：并排显示，不能设置宽高，不能设置 margin-top 、 margin-bottom
③ 内联块特点（img butto input）：并排显示，可以设置宽高（img butto input）
5.居中
margin-right: auto; margin-left: auto; 只针对块元素。
可以用 display：block 将其转化成块元素，然后再实现居中。
6.元素的优先级
当子元素没有设置宽度时 会默认继承父元素的宽度
当父元素没有设置宽度时 会默认继承子元素的宽度
课后练习
