css中id选择器的注意点

注意：1、每个HTML标签都有一个属性叫做id, 也就是说每个标签都可以设置id2、在同一个界面中id的名称是不可以重复的3、在编写id选择器时一定要在id名称前面加上#id的名称是有一定的规范的id的名称只能由字母/数字/下划线，a-z 0-9 _id名称不

2023-02-25

css中类选择器的注意事项

注意1、每个HTML标签都有一个属性叫做class, 也就是说每个标签都可以设置类名。2、在同一个界面中class的名称是可以重复的。3、在编写class选择器时一定要在class名称前面加上.即可。类名的命名规范和id名称的命名规范一样类名就是专门用

2023-02-25

css后代选择器的使用

说明1、后代选择器必须用空格隔开。2、后代不仅仅是儿子, 也包括孙子/重孙子, 只要最终是放到指定标签中的都是后代。3、后代选择器不仅仅可以使用标签名称，还可以使用其它选择器。后代选择器可以通过空格一直延续下去。作用：找到指定标签

2023-02-25

css子元素选择器的介绍

说明1、子元素选择器只会查找儿子, 不会查找其他被嵌套的标签。2、子元素选择器之间需要用>符号连接, 并且不能有空格。3、子元素选择器不仅仅可以使用标签名称, 还可以使用其它选择器。子元素选择器可以通过>符号一直延续下去。作用: 找

2023-02-25

css后代选择器和子元素选择器的区别

说明1、后代选择器使用空格作为连接符号，子元素选择器使用>作为连接符号。2、后代选择器选中所有的特定后代标签，子元素选择器选中所有的特定的直接标签。后代选择器会选中指定标签中, 所有的特定后代标签, 也就是会选中儿子/孙子..., 只要

2023-02-25

CSS并集选择器的介绍

1、给所有选择器选中的标签设置属性。格式：选择器1,选择器2{ 属性:值; }2、并集选择器必须使用,来连接。选择器可以使用标签名称/id名称/class名称。实例<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title>并集选择器</title> <s

2023-02-25

CSS兄弟选择器的两种类型

1、相邻兄弟选择器，给指定选择器后面紧跟的那个选择器选中的标签设置属性。格式：选择器1+选择器2{ 属性:值; }相邻兄弟选择器必须通过+连接。相邻兄弟选择器只能选中紧跟其后的那个标签, 不能选中被隔开的标签。2、通用兄弟选择器，给指定选

2023-02-25

css中使用a标签的伪类选择器注意点

注意点1、a标签的伪类选择器可以单独出现也可以一起出现。2、a标签的伪类选择器如果一起出现, 那么有严格的顺序要求。默认状态:link->被访问状态:visited->鼠标悬停状态:hover->鼠标长按状态:active。编写的顺序必须要遵守爱恨原则 love

2023-02-25

css盒模型布局是什么意思

说明1、传统布局方式就是通过盒模型，使用display属性（文档流布局）+position属性（定位布局）+float属性（浮动布局）。2、可以分为文档流布局、浮动布局和定位布局。文档流布局这是最基本的布局方式，就是按照文档的顺序一个一个显示出来，块元素独占一行

2023-02-25

css中flex布局如何使用

说明1、flex的使用方法很简单，只需要将其display属性设置为flex就可以，也可以设置行内的flex。记得Webkit内核的浏览器，必须加上-webkit前缀。2、设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。实例.ele{ display:-webki

2023-02-25

css中grid网格布局的介绍

1、grid布局又称为网格布局，可以实现二维布局方式。2、这是使用CSS控制的，不是使用HTML控制的，同时还可以依赖于媒体查询根据不同的上下文得新定义布局。网格线(Grid Lines)网格线组成了网格，他是网格的水平和垂直的分界线。一个网格线存在行

2023-02-25

css中grid布局的使用

说明1、通过display属性设置属性值为grid或inline-grid或者是subgrid就可以了。2、当元素设置了网格布局，column、float、clear、vertical-align属性无效。实例在CSS中，不设置 grid-template-columns，只设置 grid-template-row。.grid-contai

2023-02-25