HTML CSS学习回顾

二十六.CSS新增选择器:

          1.属性选择器:属性选择器可以根据元素特定属性来选择元素,这样就可以不用借助于类或者id选择器

类选择器,属性选择器,伪类选择器,权重为10

          2.nth-child:even选择偶数行;odd选择奇数行,nth-child对父元素里面所有孩子排序选择(序号是固定的)先找到第n 个孩子,然后看看是否和E匹配;nth-of-type对父元素里面指定子元素进行排序选择,先去匹配E,然后再根据E找第n 个孩子

二十七.伪元素选择器:

        ::before:在元素内部的前面插入内容;

        ::after:在元素内部的后面插入内容

          注意:before和after创建一个元素,但是属于行内元素,新创建的这个元素在文档中是找不到的,所以我们称为伪元素;before和after必须有content属性,before在父元素内容的前面创建元素,after在父元素内容的后面插入元素,伪元素选择器和标签选择器一样,权重为1.

二十八.盒子模型:CSS3中可以通过box-sizing来指定盒模型:即可指定为content-box,border-box,可分为两种情况:

  1.box-sizing:content-box盒子大小为width+padding+border(以前默认)

  2.box-sizing:border-box盒子大小为width;

如果盒子模型我们改变了box-sizing:border-box,则padding和border就不会撑大盒子了(前提padding和border不会超过width宽度)

二十九.CSS模糊图片:CSS3滤镜filter:filter CSS属性将模糊或颜色偏移等图片效果应用于元素,后面需要有函数名;其中blur做模糊处理,数值越大越模糊

三十.calc()函数在声明CSS属性值时执行一些计算

三十一.CSS过渡:transition要过渡的属性 花费时间 运动曲线 何时开始;

        1. 属性:想要变化的CSS属性,宽度高度 背景颜色 内外边距都可以,如果想要所有的属性都变化过渡,写一个all就可以.

        2.花费时间:单位是秒(必须写单位)

        3.运动曲线:默认是ease(可以省略)

        4.何时开始:单位是秒(必须写单位)可以设置延迟触发时间,默认是0s(可以省略)

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

相关阅读更多精彩内容

友情链接更多精彩内容