2020-10-15

学习css的第二天

  今日是学习css的第二天,相对于昨日,感觉没有那么吃力了,这可是一个进步,鼓励鼓励自己(好啊,不愧是我)。

  开课前先讲了emmet,一个简便的生成HTML的,嗯~东西吧,但是我好像没看大懂,就记得了个 div*5 和ul>li*5,容我在复习一下emmet,

下面就不细说了,主要我也没学太懂。

  接着就讲了复合选择器,复合选择器也有四种(如果它有五种,一会儿我就回来改成五种)。

  首当其冲的就是 “后代选择器”它可以选择父元素的子元素,它的语法方式是  选择器1 选择器2{样式声明;}后代选择器之间必须使用空格隔开,

否则是不能使用的,另外值得一提的是,父元素并不是狭义的父亲,而是他的“子孙后代”都把它称为“父亲”。

  第二种选择器是子元素选择器,它只能选择某个元素最近一级的子元素(亲儿子),它的语法格式是 选择器1>选择器2{样式声明}

子代选择器之间要使用“>”分开,自带选择器最后选到的元素是子代元素(亲儿子)。

  第三种选择器是并集选择器,它的作用是可以选择多组标签并设置相同的样式,它的语法格式是选择器1,选择器2 {样式声明;}(竖式排列)

  第四种选择器是 链接伪类选择器 它使用 冒号“:”他有四个不用的选择方式 有 a:link、a:visited、a:hover(我最喜欢的,因为他会变色,多炫酷啊)

还有a:active,warning,它的书写顺序是固定的,不能换位置的,必须使用 link visited hover active 的顺序 然后还有一种 focus伪类选择器 我是没看懂这是

啥意思,有没有大哥教教我,谢谢了!

  最后学习了元素的显示模式——布局认知

  首先是块元素

*它独占一行显示

*可以设置宽度、高度、外边距、边框和内边框。

*宽度默认是父级容器的宽度。(父级容器,啧啧。)

*可以存放其他行内元素和块级元素

  行内元素:

*相邻行内元素在一行显示,一行多个.

*给行内元素设置宽高是无效的

*默认宽度是内容的宽度(被内容撑开)

*只能容纳文本或其他行内元素

注意事项:链接不能再放链接,特殊请款的连接可以存放块级元素。

  行内块元素:

*相邻行内元素在一行显示,一行多个(行内元素特点)

*默认宽度就是本身内容的宽度(行内元素特点)

*可以设置宽度、高度、外边距、边框和内边距(块级元素特点)

显示模式的转换

代码:disiplay: block 转换为块元素

      disiplay: inline-block 转换为行内块元素

      disiolay: inline    转化为行内元素(使用较少)

2020年10月16日00:04:08  睡了睡了,剩下的下次补上昂,下次一定!

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

友情链接更多精彩内容