学习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 睡了睡了,剩下的下次补上昂,下次一定!