菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 王嘉乐-2022-10-13 前端 [打印本页]

作者: yousay！ 时间: 2022-10-14 02:29
标题: 王嘉乐-2022-10-13 前端
一、今日学习内容
1.CSS的复合选择器
后代选择器：也叫做包含选择器，就是可以选择父元素里面的所有符合条件的子元素
子选择器：也叫做亲儿子选择器，会选择父级元素最近的一级子元素
并集选择器：可以选择多组标签，同时为他们定义相同的样式，通常用于集体声明，每组选择器之间用“,”隔开
伪类选择器：链接伪类：lvha focus伪类选择器（焦点伪类选择器）：针对表单元素
2.CSS的元素显示模式
块级元素：h1-h6标签、p标签、div标签、ul标签、ol标签、li标签等等
               p标签和h1-h6标签，内部不可以放div标签
行内元素：a标签、strong标签、b标签、em标签、i标签、del标签、span标签等等，span标签是典型的行内元素。
               在a标签里要放其他的块级元素，最好给a标签转化为块级元素更安全
行内块元素：img标签、input标签、td标签等等
元素模式的转化：转为块级元素：display:block; 转化为行内元素：display:inline; 转化为行内块元素：display:inline-block;
文字的垂直居中：文字的行高等于盒子的高度
3.css的背景属性：背景图片：background-image：url(图片地址);    默认是none
               背景颜色：属性background-color 默认值是transparent（透明）
               背景平铺： bacground-repeat 背景图片定位：background-position：x，y；
               背景图片附着（滚动）：background-attachment
               属性值  scroll：默认值，背景图片随着屏幕滚动 fixed：背景不跟随屏幕滚动
               背景复合写法：默认的复合写法的顺序：
                  background：背景颜色背景图片地址背景平铺背景图像滚动背景图片位置；
4.css三大特性
层叠性：就近原则  覆盖掉旧的样式继承性：子承父业（文本颜色和字号）
      权重是由四组数字组成的，但是不会有进位

二、今日遇到问题
1.ctrl+s之后如何自动格式化？
2.背景颜色半透明怎磨设置？
3.div设置了宽高，它的范围大小是多少？占一整行还是一行的一个小范围规定好的方块大小？
4.写购物车左右时候没理解盒子  设置
5. <a href="#">ninini</a>可以理解为是一个盒子吗？  有文本的盒子？
三、今日怎么解决
1.还没解决
2.background：rgba（0，0,0,0.3） 0.3或.3  0.3是参数：alpha透明度的意思取值在0-1之间
3.感觉就是一个设置好的一行中的一个小范围方块
4.有一种思维解决了。
5.感觉可以那样理解。
1345问题未解决。

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)