css初步选择器介绍

css:css是层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化.
css语法结构:选择器{属性:属性值;属性:属性值…}
(1)标签选择器
标签{属性:属性值;属性:属性值…}
例如:

a{
 text-decoration: none;
 font:"微软雅黑";
 color:#000000;
}

(2)id选择器:不得以数字开头,id是唯一的,只能表示一个id的值和class不同
#id的值{属性:属性值;属性:属性值;}
id选择器优先于标签选择器
!important:优先级最高
(3)class(类)选择器
结构: .class的值{属性:属性值;属性:属性值…}
(4)后代选择器
结构:选择元素(id,标签,class)
(5)子代选择器
选择元素>选择的子代元素
(6)组合选择器
标签之间用逗号隔开
(7)伪类选择器

1)静态伪类:只能用于超链接的样式,如下:
:link 超链接点击之前
:visited 链接被访问过之后
2)动态伪类:针对所有标签都适用的样式,如下:
:hover “悬停”:鼠标放到标签上的时候
:active “激活”: 鼠标点击标签,但是不松手时。
:focus 是某个标签获得焦点时的样式

以上样式,只能用于超链接
例如:

   a:hover{
   color: white;
   background: red;
  }
原创文章 36 获赞 31 访问量 2104

猜你喜欢

转载自blog.csdn.net/qq_45096273/article/details/103212897