CSS

135 阅读31分钟

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>