CSS | css基础属性
作者：互联网
CSS基础选择器
（1）标记选择器
标记选择器是指用HTML标记名作为选择器，按标记名分类，为页面中某一类标记指定统一的CSS样式。基本语法格式如下：
标记名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
这个语法，所有的HTML标记名都可以作为标记选择器，例如body、h1、p、strong等。用标记选择器定义的样式对页面中该类型的标记都有效。标记选择器优点是能快速为页面中同类型的标记统一样式，同时缺点即不能设计差异化样式。
（2）类选择器
类选择器用“.”（英文点号）进行标识，后面紧跟类名。基本语法格式如下：
.类名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
这个语法，类名便是HTML元素的class属性，大多数HTML元素都可以定义class属性。类选择器最大的优势是可以为元素对象定义单独或相同的样式。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>类选择器</title>
<style type="text/css">
.red{color:red;}
.green{color:green;}
.font22{dont-size:22px;}
p{text-decoration:underline;font-family:"微软雅黑";}
</head>
<body>
<h2 class="red">滕王阁序</h2>
<p class="green font22">滕王阁序</p>
<p class="red font22">滕王阁序</p>
</body>
</html>
“二级标题文本”和“段落文本内容”均显示为红色，由此可见多个标记可以使用同一个类名，这样可以为不同类型的标记指定相同的样式，同时，一个HTML元素也可以应用多个class类，设置多个样式。【类名的第一个字符不能使用数字，且严格区分大小写，一般采用小写的英文字符】
（3）id选择器
id选择器使用“#”进行标识，后面紧跟id名。基本语法格式如下：
#id名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
这个语法，id名即为HTML元素的id值，大多数HTML元素都可以定义id属性，元素的id值是唯一的，只能对应文档中某一个具体的元素。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>id选择器</title>
<style type="text/css">
#bold{font-weight:bold; color:red;}
#font22{font-size:22px;}
</head>
<body>
<p id="bold">滕王阁序</p>
<p id="font22">滕王阁序</p>
<p id="bold font22">滕王阁序</p>
<p id="bold">滕王阁序</p>
</body>
</html>
CSS控制文本样式
font-size:字号大小
font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。
width:宽度;
height:长度;
background:背景(是一个复合属性)
background-color:颜色;
标签：标记,选择器,滕王阁,HTML,css,id,CSS,属性 来源： https://www.cnblogs.com/ymdx/p/15551597.html