css学习2.0 | 易学教程

就事论事，上一周抄单词抄得太猛了忘记了学习这回事。。。
讲真抄单词有点难顶哦。一直一直在抄个不停也还是抄不完。。。这一周也是在不停地抄。。。
本周稍微认识了css选择器。
css选择器是用来找到html中的页面元素的，css选择器分为基础选择器和复合选择器。
基础选择器中有

概念：标签选择器（元素选择器）指用html作为选择器，按抱歉名称分类，为页面中某一类标签指定统一的css样式。语法：

标签名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}

作用：标签选择器可以把某一类标签全部选择出来，比如所有的div标签和所有的span标签。
优点：是能快速为页面中同类的标签统一的样式；
缺点：不能设计差别化样式。

类选择器用“.”（英文点号）进行标识，后面跟类名。基本语法格式：类名： ```css .类名{ 属性1:属性值1；属性2:属性值2; 属性3:属性值3; } ``` 标签：

<p class="类名">内容</p>

优点：可以为元素对象定义单独或相同的样式。可以选择一个或多个标签。
注意：
①、类选择器使用“.“（英文点号）进行标识，后面跟着类名（可自定义）；
②、长名称或词组可以使用中横线来为选择器命名；
③、不要用纯数字、中文等命名，尽量使用英文字母表示。

°类选择器的特殊用法：多类名
微妙可以给标签指定多个类名，从而达到更多的选择目的，但一个标签内部只有一个class。

基本语法格式： id选择器 ```css id名{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } ``` 标签

<p id="id名">内容</p>

注意

°类选择器（class）可以重复使用，修改样式时用得最多
°Id选择器（id）不能重复，只能用一次，常与javascript搭配使用

概念：通配选择器用” * “号表示，” * “表示选择所有标签，是所有选择器中作用范围最广的，能配所有的标签。基础语法格式：

*{
	属性1:属性值1;
	属性2:属性值2;
	属性3:属性值3;
}

注意
通配选择器会匹配页面所有元素，会降低页面的响应速度，不建议随便使用

下面是之后可能会用到的用css清除边框的代码

*{
	margin:0 
	padding:0 
	}

margin用于定义外边框
padding用于定义内边框

哭哭，我就要抄完单词了，等我抄完了就能有时间学习了哭哭

来源：CSDN

作者：小泉洵洵

链接：https://blog.csdn.net/qq_46016205/article/details/103950404

标签