样式表的规范与选择器

1.标签选择器

作用:用于设定HTML文档中指定标签的显示样式

命名方法:将“标签名” 作为选择器的名称即可。

样式规则  

 input {border:1px  solid blue; background-color:yellow;}

选择器 属性      值                         声明                   生命块

2.类别选择器

作用:样式一旦定义可以运用到多个不同标签 

命名方法:“.”+自定义样式名称

使用方法:class="自定义样式名称"

3.ID选择器

作用:用于页面中独一无二的元素,可以给其id属性赋予独一无二的样式

命名方法:“#”+标签的ID

使用方法:只需要将标签ID和样式中的ID选择器名称对应即可

使用场合:在使用<div>标签布局时更常用

4.伪类选择器

超链接标签<a>支持几个特殊的css样式类,用于定义超链接不同状态的样式,这些样式被称为“伪类”(pseudo class)

伪类属性

属性 说明
a:link 超链接的普通样式,即正常的浏览状态的样式
a:visited 被点击过后呈现的样式
a:hover 鼠标指针悬停于超链接元素之上时呈现的样式
a:active 单击超链接时呈现的样式

 

posted @ 2021-09-14 11:36  中国包子  阅读(112)  评论(0)    收藏  举报