美文网首页
css知识集合

css知识集合

作者: 木中木 | 来源:发表于2019-09-30 08:38 被阅读0次

1.可继承和不可继承元素

不可继承样式:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align

所有元素可继承:visibility和cursor。

内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。

终端块状元素可继承:text-indent和text-align。

列表元素可继承:list-style、list-style-type、list-style-position、list-style-image。

2.伪类和伪元素

伪类存在的意义是为了通过选择器,格式化DOM树以外的信息以及不能被常规CSS选择器获取到的信息。其实可以简单理解为伪类跟元素状态有关系。

通过上面的概念我们知道了伪类的功能有两种:

1.格式化DOM树以外的信息。比如:<a>标签的:link、:visited等。这些信息不存在于DOM树中。

2.不能被常规CSS选择器获取到的信息。比如:要获取第一个子元素,我们无法用常规的CSS选择器获取,但可以通过:first-child来获取到。

1-1

伪元素可以创建一些文档语言无法创建的虚拟元素。比如:文档语言没有一种机制可以描述元素内容的第一个字母或第一行,但伪元素可以做到(::first-letter、::first-line)。同时,伪元素还可以创建源文档不存在的内容,比如使用 ::before 或 ::after。

css filter :属性定义了元素(通常是<img>)的可视效果(例如:模糊与饱和度)。

比如改变图片灰色度

```

img{

    filter:grayscale(50%)

}

```

其他还有图片透明度opacity、对比度contrast(%)

相关文章

  • css知识集合

    1.可继承和不可继承元素 不可继承样式:display、margin、border、padding、backgro...

  • 2017-3-21 less

    混合 1、定义一个带参数的属性集合 LESS: CSS: 2、 LESS : CSS: 3 、 LESS: CSS...

  • 怎样去写 CSS?

    Atomic CSS 什么是 Atomic CSS? Atomic CSS 是一个单一用途的样式集合(最大程度上重...

  • css问题集合

  • css问题集合

    1.文字多行缩略的宽自适应问题注意,不然自动宽width:auto无效,结果为100%宽image.png 2.垂...

  • css样式集合

    css样式大全 一、 透明背景(背景透明、文字不透明)。不用opacity来进行书写。文字颜色单独写。 二、 b...

  • 集合知识

    目录 集合图 集合机制 快速失败 java.util包下面的所有的集合类都是快速失败fail-fast迭代器的,而...

  • CSS 知识总结03

    1. CSS知识: i. CSS基础知识这里不作赘述,有兴趣自查 MDN Web文档。 ii.CSS----- ...

  • 有了这些CSS套路,你也可以做一个漂亮的简历

    简历效果预览:简历原图预览 Resume 预备知识 HTML 基本标签 CSS 基本知识 DIV+CSS 布局知识...

  • animate.css动画库的使用

    简介: animate.css是一个使用CSS3的animation制作的动画效果的CSS集合,里面预设了很多种常...

网友评论

      本文标题:css知识集合

      本文链接:https://www.haomeiwen.com/subject/bcsouctx.html