当前位置:首页 > Web开发 > 正文

它们的位置分别是:前面最近的有位置的色标的位置 与 后面最近有位置的色标的位置 之间的平分点; 如果第1个色标没有指定位

2024-03-31 Web开发

标签:

1. 布局性伪类选择器的成果界说

:first-child :选择是其父元素中的第1个子元素的元素;
:last-child :选择是其父元素中的最后一个子元素的元素;
:nth-child(n) :选择是其父元素中的第n个子元素的元素;
:nth-last-child(n) :选择是其父元素中的倒数第n个子元素的元素;
:only-child :选择是其父元素中的独一的子元素的元素;
:only-of-type :选择是其父元素中的独一的某个元素类型的子元素的元素;
:nth-of-type(n) :选择其父元素中的第n个某(任何)元素;
:nth-last-of-type(n) :选择其父元素中的倒数第n个某(任何)元素;

注意:
n可以是任意正整数,当直接写n时间,代表正整数变量(自增器,从1自增,增量为1);

2. counter()和counter-increment的事情道理

颠末测试,发明;以下内容:
counter()用来生成计数器的占位符,如果指定的计数器没有创建,则会创建盯应的计数器;每个计数器有一个变量(我称之为“计数变量”)生存当前的计数;counter-increment用来对其指定的计数器的计数器的计数变量进行递增;每应用一次counter-increment,就递增一次其指定的计数器的计数变量;

3. 元素分类

元数据元素: 由此可见主要是元素中的工作了,向浏览器供给信息和指示;
流元素: 听名字怪异,但是其实是规定这些元素可以成为父元素;
短语元素: 和流元素呼应,规定这些元素可以成为子元素。
受限元素: 这些元素要么没什么特另外含义,要么就只能用在一些非常有限的情况下。好比说,< li>元素只能有三种父元素< ul>、< ol>、< menu>;
虚元素: 不能包罗任何内容的元素;这种元素只有两种暗示形式:

仅有开始标签,没有结束标签:< 虚元素>

自闭合标签:< 虚元素 />
空元素: 没有任何内容的元素:< 元素名字>< /元素名字>,可以简写成自闭合标签:< 元素名字 />;

注意:
空元素和虚元素的区别:空元素描述的是元素内容为空时的状态;虚元素描述的是元素不允许有内容;

元数据还好理解,就是流元素和短语元素好奇怪,举个例子,div既可以是流元素也可以是短语元素,因为它能包罗其他的元素也能被其他的元素包罗。但是像< b>这样的就仅仅是短语元素了。

4. 属性影响

当html元素的hidden属性值设置为true时,会自动变动其css的属性display为none;

当把元素设置为浮动(float)时,会自动变动其属性display的值为block;

5. CSS background总结

一般设置东西图片作为配景属性实例 background:#666 url(图片地点) no-repeat center top ;(解释首先设置配景颜色 紧跟设置图片作配景 紧跟图片是否反复 然后跟图片在东西位置。前面的配景颜色可以不用设同时不是必需,一般使用图片作为东西配景如果要设置图片是否反复显示距离位置将设置图片位置)

background-position:暗示配景图像的显示区域的左上角相对付图像左上角的坐标位置;

设置图片作为配景如果图片设置图片在X坐标标的目的反复,如果再设置图片在东西位置的左或右位置时将无效,可设置在东西上或下位置开始显示。

设置图片作为配景如果图片设置图片在Y坐标标的目的反复,如果再设置图片在东西位置的上或下位置时将无效,可设置图片在东西左或右位置开始显示。

如果设置配景完全反复显示,那设置图片在东西上下摆布位置开始显示将无线。

6. CSS中渐变函数的特性

详细内容请参考《CSS中渐变特性的研究》

每个渐变至少需要指定2个色标color-stop;

对付任意2个相邻色标之间的颜色变革是:在前一个色标与后一个色标的位置之间,线性地把前一个色标的颜色过渡到后一个色标的颜色;

对付多个没指定位置的色标,它们的位置分袂是:前面比来的有位置的色标的位置 与 后面比来有位置的色标的位置 之间的等分点;

如果第1个色标没有指定位置,则第1个色标的位置是渐变区域的起始位置;

如果最后1个色标没有指定位置,则最后1个色标的位置是渐变区域的结束位置;

对付非反复渐变,第1个色标位置之前的颜色是第1个色标的颜色;最后一个色标位置之后的颜色是最后一个色标的颜色;

对付反复渐变,会用渐变区域分袂平铺第1个色标之前的区域 和 最后1个色标之后的区域 ,直到填满为止;

对付反复渐变,如果渐变渐变区域的长宽为零,则会用最后1个色标的颜色填充整个区域;

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32274.html