day02

A今天学到了什么

1.HTML标签的分类

1.1块标签

//常用的块标签
div,p,h1~h6,ul,li,dl,dt,dd
//特点
1.独占一行
2.能够设置宽高

1.2内联标签

//常用的内联标签
a,span,i,em,strong
//特点
1.并排显示
2.不可以设置宽高
3.不能设定{margin-top、bottom}

1.3内联块标签

//常用的内联块标签
img,input,button
//特点
1.并排显示
2.可以设定宽高

1.4如何让内联标签实现水平居中

//块标签
display:block(自带显示块)
//内联标签
display:linline
//内联块标签
display:linline-block

2.CSS选择器

2.1基本选择器

分类:
(1).p元素选择器
(2).class选择器
(3).id选择器
(4).hover选择器

2.2分组选择器

p、div、h1~h6{background:gray}

2.3后代选择器

header>p{选取选取header所有子元素为p的标签}
header  p{选取header之后的所有元素}

2.4兄弟选择器

div+p{}选取紧邻div之后的第一个兄弟元素
div~p{}选所有取紧邻div之后的所有兄弟元素

2.5属性选择器

div[class="one"]{}

2.6伪类选择器

input:focus{}(只针对input)
div:hover{}

2.7伪元素

“:before"(伪元素可以在元素前面插入新内容)
p:before{
    content:”}
“:after”伪元素可以在元素之后插入新内容。
p:after{
    content:”}

B哪些掌握了

1.HTML标签的分类

1.1块标签

//常用的块标签
div,p,h1~h6,ul,li,dl,dt,dd
//特点
1.独占一行
2.能够设置宽高

1.2内联标签

//常用的内联标签
a,span,i,em,strong
//特点
1.并排显示
2.不可以设置宽高
3.不能设定{margin-top、bottom}

1.3内联块标签

//常用的内联块标签
img,input,button
//特点
1.并排显示
2.可以设定宽高

1.4如何让内联标签实现水平居中

//块标签
display:block(自带显示块)
//内联标签
display:linline
//内联块标签
display:linline-block

C哪里掌握的不好

好多单词记不住不够熟悉选择器基本乱了

2.1基本选择器

分类:
(1).p元素选择器
(2).class选择器
(3).id选择器
(4).hover选择器

2.2分组选择器

p、div、h1~h6{background:gray}

2.3后代选择器

header>p{选取选取header所有子元素为p的标签}
header  p{选取header之后的所有元素}

2.4兄弟选择器

div+p{}选取紧邻div之后的第一个兄弟元素
div~p{}选所有取紧邻div之后的所有兄弟元素

2.5属性选择器

div[class="one"]{}

2.6伪类选择器

input:focus{}(只针对input)
div:hover{}

2.7伪元素

“:before"(伪元素可以在元素前面插入新内容)
p:before{
    content:”}
“:after”伪元素可以在元素之后插入新内容。
p:after{
    content:”}

//内联块

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • A:今天学的内容 一、标签的分类 1、块标签(div、p、h1~h6、ul、li、dl、dt、dd) 特点:1.独...
    AnnQi阅读 1,787评论 0 0
  • 1.今天学到了什么 1.HTML标签的分类 HTML分类了三大类:a.块标签 b.内联标签 c.内联块 2.块标签...
    613桑阅读 2,967评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,693评论 1 92
  • 1.HTML标签的分类 1.1块标签 特点: 1.2内联标签 特点: 1.3内联块标签 特点: 2.水平居中(内联...
    陈梦晴阅读 2,870评论 0 0
  • 作为设计专业毕业的我,一看“简单”俩字,不由自主的想到了现代主义大师之一的密斯·凡德罗,他坚持着这样的理念:少即是...
    东之炫阅读 4,079评论 0 0

友情链接更多精彩内容