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

标题: CSS-陈旭辉-20230414 [打印本页]

作者: 陌殇 时间: 2023-4-14 23:06
标题: CSS-陈旭辉-20230414
一、学习内容

什么是复合选择器：1.在CSS中，可以根据浏览器的类型把选择器分为基础选择器和复合选择器，复合选择器就是在基础选择器之上，对其进行组合形成的。
                                          2.复合选择器可以更加准确高效的定位元素
                                          3.复合选择器是由两个或者两个以上的基础选择器以不同的方式组合而成的。
后代选择器：后代选择器又叫做包含选择器，是可以选择父元素里面的所有符合条件的子元素（1.元素1 元素2 {CSS 样式};2.元素1代表父元素、元素2代表子元素3.元素1 和元素2 之间要用空格隔开4.元素2可以是儿子也可以是孙子5.元素1和元素2可以是任意类型的选择器）
子选择器：子选择器只能选择某个父元素最近的一级子元素，简单理解就是只能选择亲儿子，不能选择孙子或者重孙等等。（1.元素1 > 元素2 {css 样式代码}2.表示选择元素1 里面最近的一级元素2）
并集选择器：1.并集选择器可以选择多组标签，同时为他们定义相同的样式，通常用于集体声明2.并集选择器是各组选择器通过英文的逗号连接而成，任何形式的选择器都可以作为并集选择器的一部分
伪类选择器：伪类选择器是附加在其他选择器之上的一种选择器，可以来添加特殊的效果，比如给链接标签添加鼠标悬浮效果等。用:来进行表示比如:hover  :first-child。
CSS的元素显示模式：简单来说就是元素的显示方式，以什么样的形式来展示，比如，h1标签自己占一行，span标签一行会有多个
CSS的背景属性：背景颜色属性是background-color、背景图片：background-image、背景平铺background-repeat（1.repeat 背景图像平铺，（横向纵向都平铺）2.no-repeat  背景图像不平铺3.repeat-x 横向平铺，repeat-y 纵向平铺）
背景图片定位background-position:x,y;（1.具体像素单位2.方位名词:left、right、top、bottom、center）
背景图片滚动background-attachment（1.scroll  默认值，图片跟随浏览器进行滚动2.fixed 图片不跟随屏幕滚动）
背景的复合写法：为了简化背景属性的代码，我们可以将以上属性都写在复合属性background中，一般情况下背景的复合属性顺序为：background: 背景颜色背景图片背景平铺背景图像滚动背景图片位置。
背景半透明：CSS3为我们提供了背景半透明的效果（1.background:rgba(0,0,0,0.3)；2.最后一个参数是alpha透明度，取值范围在0~1之间3.我们实际开发过程中会将0.3中0给省略掉4.背景半透明并不会影响盒子中的内容）
背景缩放：属性 background-size（属性值：1.具体像素值2.cover3.contain）

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