css选择器有哪几种(HTML三种布局的特点)

css选择器有哪几种

⑴标签挑选器（元素挑选器）
⑵ID挑选器（唯一性，一次引证）
⑶类挑选器（单类挑选器，多类挑选器）
⑷特点挑选器（简略特点挑选，详细特点挑选，部分特点挑选，特定特点挑选）
⑸派生挑选器（后代挑选器(descendantselector)，子元素挑选器(childselector)，相邻兄弟挑选器(Adjacentsiblingselector)）
㈢元素挑选器（标签挑选器）
一个完好的HTML页面是由很多不同的标签组成。标签挑选器：指用HTML标签称号作为挑选器，按标签称号分类，为页面中某一类标签指定统一的CSS款式。
假如设置HTML的款式，挑选器通常将是某个HTML元素，比方p、h1、em、a，甚至能够是html自身。
例如：
html{background-color:black;}
p{font-size:30px;backgroud-color:gray;}
h2{background-color:red;}
以上css代码会对整个文档增加黑色布景；将一切p元素字体大小设置为30像素一起增加灰色布景；对文档中一切h2元素增加赤色布景。
㈣ID挑选器
⑴ID挑选器答应以一种独立于文档元素的方式来指定款式。
⑵ID挑选器可认为标有特定ID的HTML元素指定特定的款式。依据元素ID来挑选元素，具有唯一性，这意味着同一id在同一文档页面中只能出现一次。
⑶id挑选器以”#”来界说。
例如：在css中，下面的两个id挑选器，第一个能够界说元素的色彩为赤色，第二个界说元素的色彩为黄色：
#red{color：red；}
#yellow{color：yellow；}
下面的HTML代码中，id特点为red的p元素显现为赤色，而id特点为green的p元素显现为绿色。
这个阶段是赤色。
这个阶段是黄色。
㈤类挑选器
类挑选器运用类名来挑选元素，条件是要在HTML中，给元素界说一个class的特点，class=”类名”，然后运用”.”进行标识，后面紧跟类名。
(1)单类挑选器
类挑选器答应以一种独立于文档元素的方式来指定款式。该挑选器能够单独运用，也能够与其他元素结合运用。
①修正HTML代码
在运用类挑选器之前，需求修正详细的文档符号，以便类挑选器正常工作。为了将类挑选器的款式与元素相关，必须将class指定为一个恰当的值。
请看下面的HTML代码：
Thisheadingisveryimportant
Thisparagraphisveryimportant.
在上面的代码中，两个元素的class都指定为important：第一个标题（h1元素），第二个阶段（p元素）。
②语法
咱们运用以下语法向这些归类的元素使用款式，即类名前有一个点号（.），然后结合通配挑选器：
*.important{color:red;}
假如只想挑选一切类名相同的元素，能够在类挑选器中忽略通配挑选器，这没有任何不好的影响：
.important{color:red;}
③结合元素挑选器
类挑选器能够结合元素挑选器来运用。
?例如，只让阶段显现为赤色文本：
p.important{color:red;}
挑选器现在会匹配class特点包括important的一切p元素，但是其他任何类型的元素都不匹配，不论是否有此class特点。
挑选器p.important解释为：“其class特点值为important的一切阶段”。因为h1元素不是阶段，这个规矩的挑选器与之不匹配，因此h1元素不会变成赤色文本。
?例如：为h1元素指定不同的款式，能够运用挑选器h1.important：
p.important{color:red;}
h1.important{color:blue;}
⑵多类挑选器
在HTML中，一个class值中或许包括一个词列表，各个词之间用空格分隔。
例如，假如期望将一个特定的元素一起符号为重要（important）和警告（warning），就能够写作：
Thisparagraphisveryimportantwarning.
注：这两个词的顺序无关紧要，写成warningimportant也能够。
假设class为important的一切元素都是粗体，而class为warning的一切元素为斜体，class中一起包括important和warning的一切元素还有一个银色的布景。
就能够写作：
.important{font-weight:bold;}
.warning{font-style:italic;}
.important.warning{background:silver;}
通过把两个类挑选器链接在一起，仅能够挑选一起包括这些类名的元素（类名的顺序不限）。
假如一个多类挑选器包括类名列表中没有的一个类名，匹配就会失败。

HTML三种布局的特点

流动布局
流动布局是浏览器默许的布局方式。他会依照你所写的标签特性，从上至下、从左到右的方式进行摆放
在HTML中咱们依照标签的摆放特性能够将它们分红三类：
1.行级元素：不独占一行，不能设置元素的高度、宽度和底边边距，它的宽度和高度是由他的内容撑起来的。
2.行内块元素：不独占一行，能够设置元素的宽度、高度和底边边距。
3.块级元素：独占一行，元素的宽度、高度、上下边的边距都能够设置。
常用的行级元素有：
常用的行内块元素：
常用的块级元素：
起浮布局
在默许情况下，块级元素会独占一行，但是当咱们想让两个块级元素在同一行摆放时，咱们就能够用到起浮布局
层模型
设置层模型特点会将标签从本来的文本流中上升到起浮层中来，然后调整他在起浮层中的位置，文本层中的标签会覆盖在下面文本层中的标签上面。有相对定位、肯定定位和固定定位三种特点。
CSS是运用什么HTML标签构建网页布局（）
text-decoration:nounderline；
underline:none；
decoration:nodecoration；
text-decoration:none；(正确答案)
1）像这样的行内符号，界说它的margin-top和margin-bottom是无效的，除非你把它设置为块状元素才能够。Display:block
2）对于块状元素，你能够自由的运用外边距来界说版式和元素之间的距离。相似DIV等等，
3）无论什么元素，一旦设置为是起浮显现，就拥有了完好的盒模型结构，咱们就能够运用外边距，内边距，边框，高和宽来控制的巨细以及与其他目标之间的位置联系。
4）起浮是从网页布局的视点来界说元素的显现，而行内和块状特点主要是从元素本身的性质来定其显现的。
5）当元素没有界说边框时，能够把内边距作为外边距运用。有时候外边距会有堆叠现象的。
6）当为元素界说布景图画时，内边距区域内能够显现布景图画，而对外边距区域来说，布景图画是达不到的，他永远都是通明状态
7）用div+css规划网页结构时，规划师满脑子都是网页内容，而非内容所呈现的作用。
8）块状元素：不管块状元素宽度是多少，他总会主动占有一行，由于在他结尾附加了一个换行符，而行内元素没有这个特点。块状元素有完好的盒模型结构，能够界说宽度和高度，而行内元素没有这个特性，无法经过高度来改动文本行的行高。
块元素的代表符号div
行内元素的代表符号span，行内符号不具备组织结构结构
9）网页布局分为：天然布局，起浮布局，定位布局
10）当一个元素被界说为起浮显现时，即界说为块状元素。而且该元素就会缩短本身体积为最小状态。所以，应该有个好的习惯即把起浮元素设置高和宽。如果没有设置，则元素会依照它所包含的内容巨细来确认它的巨细。
11）当元素起浮后，周边的目标会主动盘绕起浮元素周围，形成一种盘绕联系。
12）块状元素之间的外边距会有堆叠现象，但是起浮元素之间的外边距不会发声堆叠现象。
13）起浮元素移动，上移：margin-top:-**下移：margin-botom:-*px,其他以此类推。
14）一般定位元素（肯定或是相对元素）都会覆盖在文档流目标之上。但是，select元素的窗口控件还不完全支持z-index
15）在css定位布局中，一般遵循“外部相对定位，内部肯定定位”
16）在body中设置min-width:760px,能够避免布局堆叠现象。