鼠标滑过时令文本变色,应用到的是哪个伪类选择器(前端开发CSS的几种选择器)

前端css介绍和几种选择器

介绍CSS(介绍CSS的三种方式)

内联样式

&书信电报;标签样式=";属性:属性值";>;<;/标签>;

内部风格

选择器{attribute:attributevalue;attribute:attributevalue}

外部风格

通过链接导入外部CSS文件<;链接rel=";样式表";href=";外部CSS文件"/>;

Href和SrcHref将Src下载资源引用到当前页面

外部风格

  1. 实现结构与风格的分离
  2. 实现模块化和公共化
  3. 减少不必要的代码。

小心:

鼠标滑过

1.属性:属性值

2.在每个属性值的末尾添加分号(英文)

3.属性和属性值以键值对的形式存在

选择器

基本选择器

标签选择器标签名称{属性:";属性值";}

类选择器类名{attribute:";attributevalue";}等级=";课程名称";呼叫

ID选择器#名称{属性:";属性值";}id=";姓名";周用只能用一次

通配符*{属性:";属性值";}用*{M0+P0}清除原始样式


复合选择器

后代选择器

元素1元素2{styledeclaration}

用空格隔开

子代

要素1>;元素2{样式声明}

使用少于符号(子)

联合选择器

元素1,元素2{styledeclaration}

使用英文逗号(通常垂直书写)

交叉口选择器

元素1元素2{styledeclaration}

旁边(例如,p.红色标签在前,类名在后)

链接伪类选择器

a:Linkselectallunreachable

答:访问的选择已被访问

a:悬停鼠标指针要悬停的链接

a:活动链接,单击未弹出的链接

:焦点伪类选择器

选择获取焦点的表单元素

输入:焦点{

background-颜色:黄色;}

textarea:专注是可以的


注:秩序不得混乱,";吕浩";简练的公式,其他标签也可用

简介:CSS是前端开发必要的技能之一是我们必须掌握它。让我们一起学习

您可以还会对下面的文章感兴趣

最新评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

使用微信扫描二维码后

点击右上角发送给好友