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

标题: 蒋鹏冲-20221024-H5C302 [打印本页]

作者: 北纬33 时间: 2022-10-24 23:56
标题: 蒋鹏冲-20221024-H5C302
一，今日学习内容：
1. 伪元素选择器
概念
      伪元素选择器可以帮助我们利用css创建新标签元素，而不需要新增html标签，从而简化html的结构

注意：
      1、before和after创建的元素是行内元素
      2、创建的元素我们在html的结构树里面找不到，所以叫做伪元素
      3、before和after必须有content属性
      4、before是在父元素内容的前面创建元素，after是在父元素内容的后面插入元素
      5、伪元素选择器和元素选择器的权重一样，都是1
2.CSS3过渡
概念
      过渡可以在不使用flash或者js的前提下可以实现从一种样式转化为胡另一种样式的效果（IE9以下版本不支持）

语法：
      transition：要过渡的属性  花费的时间  运动曲线  何时开始;
         1、要过渡的属性
            想要变化的css的属性，可以宽度，高度，背景颜色，内外边距等等，如果想要变化所有的属性，那么直接写一个all就可以了。

         2、花费的时间
            单位是秒，必须写单位：例如0.5s

         3、运动曲线
            默认的值是ease（可以省略）

         4、何时开始（可以省略）
            单位是秒（必须要写单位）  可以设置延迟出发的时间，默认是0s。

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