day02

A今天学到了什么?

1.html标签的三种分类

块标签:div , p , h1--h6, ul li , dl dt dd 
特点:独占一行 ,能够设置宽高
属性:display:block
内联标签:a , em , strong , span
特点:不独占一行,不能设置宽高,不能设置margin-top,margin-bottom
属性:diaplay:inline
内联块标签:img, input , button
特点:并排显示,可以设置宽高
属性:display:inline-block

2.让内联元素水平居中

一·display:block
margin-left:auto;
margin-right:auto;
二·在父级标签设置
text-align(只对文字和图片有效)

3.选择器

元素选择器
p{}
class选择器
id选择器
分组选择器
p,h1,{}
后代选择器
div p{}选取所有为p的标签
div>p{}选取子元素中所有p标签
兄弟选择器
p1+p{}选取p1后面第一个且元素名为p的标签
p1~p{}选取p1后面所有p标签

伪类选择器

p:focus{}聚焦选择器
p:hover{}
属性选择器
div[]{} 
div[class="content"]{}

4>.伪元素

before
div:before{
content:""
}
after
div:after{
content:""
}

B今天学会了什么

1.html标签的三种分类

块标签:div , p , h1--h6, ul li , dl dt dd 
特点:独占一行 ,能够设置宽高
属性:display:block
内联标签:a , em , strong , span
特点:不独占一行,不能设置宽高,不能设置margin-top,margin-bottom
属性:diaplay:inline
内联块标签:img, input , button
特点:并排显示,可以设置宽高
属性:display:inline-block

2.让内联元素水平居中

一·display:block
margin-left:auto;
margin-right:auto;
二·在父级标签设置
text-align(只对文字和图片有效)

3.选择器

元素选择器
p{}
class选择器
id选择器
分组选择器
p,h1,{}
后代选择器
div p{}选取所有为p的标签
div>p{}选取子元素中所有p标签
兄弟选择器
p1+p{}选取p1后面第一个且元素名为p的标签
p1~p{}选取p1后面所有p标签

伪类选择器

p:focus{}聚焦选择器
p:hover{}
属性选择器
div[]{} 
div[class="content"]{}

4>.伪元素

before
div:before{
content:""
}
after
div:after{
content:""
}

C 没掌握哪些

都掌握了
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,814评论 1 92
  • 1.HTML标签的分类 1.1块标签 特点: 1.2内联标签 特点: 1.3内联块标签 特点: 2.水平居中(内联...
    陈梦晴阅读 370评论 0 0
  • A今天学到了什么 1.HTML标签的分类 1.1块标签 1.2内联标签 1.3内联块标签 1.4如何让内联标签实现...
    Summer_b1a9阅读 202评论 0 0
  • A我今天学到了什么 一.html的分类 1.块标签 2.内联标签 3.内联块标签 二.让内联元素和内联块元素水平居...
    孔子曰_f425阅读 261评论 0 0
  • 谁将月色轻念 文‖云飞扬 就在今夜 凝望你清澈如水的素颜 与你对望多时 心,已触摸那万里无云的悠蓝 好想用初遇时的...
    山东云飞扬阅读 184评论 1 1