day02

A.今天学了什么

1.html标签的分类

1.1 块标签
特点:独占一行;可以改变高宽
属性:display :block
常见的块标签有:p;div;h1~h6;ul;li;dl;dt;dd.
1.2 内联标签
特点:并排显示;不能改变高宽。 不能设置margin-top和margin-button
属性:display:inline
常见的内联标签有:a ;span;em;strong
1.3 内联块标签
特点:并排显示,能改变高宽
属性:display:inline-block
常见的内联块标签:img;input;button。

2.css选择器

2.1 css元素选择器
p{color:pink}

2.2 class选择器
.test{color:yellow}
2.3 id选择器
#first{color:blue}
2.4 分组选择器
p,h4{background:gray}
2.5 后代选择器
div>span{} //选取div所有子元素为span的标签
div span{} //选取div之后的所有span元素

2.6 兄弟选择器
div+p{}选取紧邻div之后的第一个兄弟元素
div~p{}选取紧邻div之后的所有兄弟元素
2.7伪类选择器
 div:hover{}
input:focus{}


3 伪元素

3.1 ":before" 伪元素可以在元素的内容前面插入新内容
p:before{
  content:''
}
3.2 ":after" 伪元素可以在元素的内容之后插入新内容。
p:after{
 content:''
}

4 属性选择

4.1 div[class='test']{}

5 在页面中让盒子等标签水平居中的不同方法。

5.1 margin-left:auto;
margin-right:auto
5.2 给父级加 text-align:center

>#### 6 伪元素
6.1 ":before" 伪元素可以在元素的内容前面插入新内容
p:before{
  content:''
}

6.2 ":after" 伪元素可以在元素的内容之后插入新内容。
p:after{
 content:''
}

>####7 属性选择
div[class='test']{}

B 今天学到了什么

1在页面中让盒子等标签水平居中的不同方法。

1.1 margin-left:auto;
margin-right:auto
1.2 给父级加 text-align:center

2 伪元素
2.1 ":before" 伪元素可以在元素的内容前面插入新内容
p:before{
  content:''
}

2.2 ":after" 伪元素可以在元素的内容之后插入新内容。
p:after{
 content:''
}

3 属性选择
div[class='test']{}

C 今天没有掌握什么

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • A我今天学到了什么 一.html的分类 1.块标签 2.内联标签 3.内联块标签 二.让内联元素和内联块元素水平居...
    孔子曰_f425阅读 260评论 0 0
  • 1.HTML标签的分类 1.1块标签 特点: 1.2内联标签 特点: 1.3内联块标签 特点: 2.水平居中(内联...
    陈梦晴阅读 357评论 0 0
  • A今天学到了什么 1.HTML标签的分类 1.1块标签 1.2内联标签 1.3内联块标签 1.4如何让内联标签实现...
    Summer_b1a9阅读 200评论 0 0
  • 昨天的足迹总留不住 欢笑与伤痛,悸动与平静 总要一倏忽闪过 没有人能抓住 哪怕是时光的尾巴 更没有人能颠覆 我们就...
    东山明月阅读 185评论 0 2