CSS_功率选择器节点java精修学校

语法结构
ID选择器

格式

# ID的ID：# +元；ID区分大小写。

样品
# title1 {背景颜色：蓝色；边框宽度：厚；}
类选择器

格式

的名称。名称：+类；类的名称是区分大小写的。

样品
背景颜色：绿色。posttitle {；}
元素（标签）名称选择器

格式

元素名称：元素的名称不能区分大小写。

样品
背景色：绿色；}
复合选择器

格式

该元素的名称是1，2的元素名称，# ID，方法：根据元素的名称、ID和类名，合格的元素具有相同的风格，和每个选择的条件应该用分号分隔。

样品
H2，# ID，。类{背景颜色：绿色；}
层次选择器

格式

父选择器选择器：满足条件下subselector父选择器；两者之间用一个空格隔开。

样品

父选择器是一个元素。
Div说输入输入{背景颜色：绿色下的div子元素。
父选择器可以是类、id选择器和子选择器。
。showinfo_tabel TR {身高：20px；} / *表类说showinfo_tabel TR，元素的下面20px高度属性。
伪类选择器

格式

其他选择器伪类选择器

解释

行为的选择是开始，其次是伪类的名称。主要有5个（CSS1和2）：

（1）A：链接选择未访问的所有链接。

答：访问选择了所有已访问的链接。

a：活动选择活动链接

输入：悬停鼠标悬停上方的元素

输入：焦点以获取元素的焦点。

样品

1。如果您不希望在访问后更改元素的链接，可以设置不访问的标记，并且已经访问到相同的颜色。
答：链接：访问{颜色：蓝色；}
2。鼠标悬停（输入）的元素：登录按钮的变色。
。btn_login：悬停{背景颜色：# 218fd5；}
属性选择符

格式

元素选择器属性值}

解释

1）在其他选择器上，添加属性的匹配。

2）如果元素同时满足多个属性，则可以附加到属性选择器：在选择器{属性名称1属性值、属性名称2 =属性值后面。

样品

1）匹配的只读文本标签
textarea {只读=只读} {背景颜色：# ebebeb；}
2）指定类名和多个属性
。readonlybg输入{类型=文本} {只读=只读} {背景颜色：# ebebeb；}
方式调用

样式可以被存储在一个文件中，特别是在风格（外部样式表），在HTML页面（内部样式表），并在元素的样式属性（内联样式）。

外部样式表

存储模式

它以特殊的样式存储。

参考方法

在HTML页面的节点中，添加标签：

应用场景

多页页共享样式，如：论坛发帖排版。

内的样品台

存储模式

在HTML页面的节点中，添加脚本。
网页标题

输入{背景颜色：绿色}
使用场景

一个页面的独特风格。

内联样式

存储模式

元素的样式属性。
风格优先

当附加多个样式元素，如包含此元素的扩展样式时，该元素也包含内联样式，样式是联合方式。

如果有一个相交元素，它将决定在下面的案例中采用哪种样式属性：

非齐次参考

外部样式表，内部样式表，和内联样式设置一些这种元素相同的样式属性。

优先级比较

内联样式>内部样式表>外部样式表

对于同一样式属性，它的值是最高优先级。

样品

# testinput {宽度：300px }
输入标签的宽度属性实际上是120px；

同行参考

多个样式选择器包括这部分在外部样式表或内部样式表。

优先级比较

外部样式表和内部的风格表达：ID选择器> >元素选择器，类选择器。

内联样式案例：后一个相同属性样式的值。

样品

输入{背景色：黄色；}
# testinput {背景颜色：红色；}
背景颜色：蓝色。showblue {；}

显示图片：