day02

A我今天学了什么

1.html标签的分类

1.块标签(display:block)

p  段落标签
div  盒子模型
h1~h6 标题标签
ul(li) 无序列表
dl((dt)(dd)) 定义列表

2.内联标签(display:inline)

a  超链接标签
span 范围标签
em 斜体标签
strong 加粗加重标签

3.内联块标签(display:inline-block)

img 图片标签
input 输入框标签
button 按钮标签
  1. 总结
这些标签都自带display属性,更改这些属性可以改变标签的类别
对父级使用text-align可以居中(对内联  内联块有用)
2.选择器

1.class

class 选择器

2.id

id选择器

3.p

元素选择器

4.分组选择器

中间用逗号隔开

5.后代选择器

空格   是所有后代;> 仅仅是子代

6.属性选择器

【】在中括号里写上属性值

7.伪类选择器

hover  悬停事件
focus  焦点事件
3.伪元素

1.before

在内容前加入

2.after

在内容后加入

3.总结 使用时一定要在前面加 content

我今天掌握了什么

1.html标签的分类

1.块标签(display:block)

p  段落标签
div  盒子模型
h1~h6 标题标签
ul(li) 无序列表
dl((dt)(dd)) 定义列表

2.内联标签(display:inline)

a  超链接标签
span 范围标签
em 斜体标签
strong 加粗加重标签

3.内联块标签(display:inline-block)

img 图片标签
input 输入框标签
button 按钮标签
  1. 总结
这些标签都自带display属性,更改这些属性可以改变标签的类别
对父级使用text-align可以居中(对内联  内联块有用)
2.选择器

1.class

class 选择器

2.id

id选择器

3.p

元素选择器

4.分组选择器

中间用逗号隔开

5.后代选择器

空格   是所有后代;> 仅仅是子代

6.属性选择器

【】在中括号里写上属性值

7.伪类选择器

hover  悬停事件
focus  焦点事件
3.伪元素

1.before

在内容前加入

2.after

在内容后加入

3.总结 使用时一定要在前面加 content

我今天没掌握什么

全部掌握了

你可能感兴趣的:(day02)