本文介绍了CSS的基础语法，包括选择器的分类如标签选择器、类选择器和ID选择器，以及字体和文本属性的应用。讲解了如何通过font复合属性设置字体样式，和用text-align实现文本对齐。此外，还探讨了CSS的引入方式和Chrome调试工具的使用技巧。
CSS语法：
主要的部分构成：选择器以及一条或多条声明
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
/*
选择器{
样式}
给谁改样式{
改成什么样式}
*/
p {
color: red;
font-size: 12px;
}
</style>
</head>
<body>
<p>这是一个p标签</p>
</body>
</html>
选择器
一般分类基础选择器和复合选择器两个大类
基础选择器：标签选择器，类选择器，id选择器
标签选择器
标签名 {
属性1: 属性值;
属性2: 属性值;
属性3: 属性值;
...
}
标签选择器可以把某一类标签全部选择出来，比如所有的<div>标签和所有的<span>标签，优点能快速为页面中同类型的标签统一设置样式，缺点不能设计差异化样式，只能选择全部的当前标签
类选择器
如果想要差异化选择不同的标签，单独选一个或某几个标签，可以使用类选择器
.类名 {
属性1: 属性值;
...
}
多类名使用
加粗样式
<div class="red font30">亚瑟之王</div>
/*在标签class属性中写多个类名,用空格分开，标签可以分别具有这些类名的样式
最低0.47元/天 解锁文章
扫一扫
2326
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
