HTML主要做结构,显示元素内容。CSS美化HTML,布局网页。实现结构(HTML)与样式(CSS)相分离。
css层叠样式表,也是一直标记语言,主要用于设置HTML页面的文字内容(字体,大小,对齐方式),图片的外形(宽高,边框样式,边距)以及版面的布局和外观显示样式。
css规则由两个主要的部分构成:选择器以及一条或多条声明。
<head>
<style>
/*选择器{样式}*/
/*给谁改样式{改什么样式}*/
p{
color:red;/*一定要加分号表示结束*/
font-size: 12px;
}
</style>
</head>
<body>
<p>好好学习</p>
</body>
css基础选择器
就是选择标签的。
选择器分为基础选择器和复合选择器两大类
- 基础选择器是由单个选择器组成
- 基础选择器又包括:标签选择器,类选择器,id选择器和通配符选择器
1.标签选择器
标签名称作为选择器,选择所有的某一类的。不能差异化选择
p{
color: red;
}
div{
color:pink;
}
2.类选择器
单独选择其中某个标签
样式点定义 结构类(class)调用 一个或多个 开发最常用
.类名
{
属性:属性值;
}
.red
{
color: red;
}
结构需要class属性调用
class="red"
多类名,一个标签有多个名字
.red { color: red; } .font35 { font-size: 35px; }
<div class="red font35">刘德华</div>