css选择器的种类有:
一 全局选择器:
1.通配选择器
通配选择器用于选择所有元素
二 基础选择器:
1.元素选择器:选择全部标签
2.id选择器:选择一个标签
3.class选择器:选择一组标签
三 伪类选择器:
伪类选择器的标志就是但冒号
:link
:active
:hoverr
:visited
:focus
:nth-chilld()
:first-child()
:last-child()
:root:匹配根元素
:focus:匹配拥有焦点状态的元素
:not:匹配不是摸个元素的元素
:checked
四 伪元素选择器:
::before
::after
::first-letter
::first-line
::selection
五 组合选择器:
组合选择器就是把上面这五类组合一起使用
1.分组选择器:使用逗号组合(匹配逗号分割的每一项)
2.后代选择器:使用空格组合(匹配当前元素的所有后代元素)
3.子元素选择器:使用>组合(匹配当前元素的所有子元素)
4.相邻兄弟选择器:使用+组合(配当前元素的后面相邻兄弟)
六 属性选择器:
属性选择器:通过标签的属性匹配属性
所有属性选择器都是方括号
属性 | 例子 | 例子描述 |
---|---|---|
[attribute] | [target] | 选择带有 target 属性的所有元素。 |
[attribute=value] | [target=_blank] | 选择带有 target="_blank" 属性的所有元素。 |
[attribute~=value] | [title~=flower] | 选择带有包含 "flower" 一词的 title 属性的所有元素。 |
[attributel=value] | [langl=en] | 选择带有以 "en" 开头的 lang 属性的所有元素。 |
[attribute^=value] | a[href^="https"] | 选择其 href 属性值以 "https" 开头的每个 <a> 元素。 |
[attribute$=value] | a[href$=".pdf"] | 选择其 href 属性值以 ".pdf" 结尾的每个 <a> 元素。 |
[attribute*=value] | a[href*="w3school"] | 选择其 href 属性值包含子串 "w3school" 的每个 <a> 元素。 |
元素类型:
元素是什么:
<开始标签>
<内容>
<结束标签>
标签是什么:
标签就是用煎简括括起来的关键词
元素标签的用图:
我是一个标题
我是一个段落
我是一个列表
我是一个表格
我是一个图片
我是一个超链接
我是一个导航
我是一个页头
我是一个页尾
我是一个强调
设计html标签的人叫是什么
蒂姆伯斯李(错号:万维网之父)
元素类型
inline:行内元素
block:块级元素
inline-block:行内块级元素
None:把元素显示无
list-item:列表元素
Table:表格元素
flex:弹性元素
Grids: 网格元素
行内元素和块元素的区别
块元素独占一行
块元素可以设置宽高
块元素自上而下排列
行内元素不会独占一行
行内元素不可以设置宽高
行内元素自左而又排列
元素沉积
数值越大沉积
选择器
选择器就是
选择元素的方式