简介
CSS(Cascading Style Sheets)是一种标记语言,也叫CSS样式表或级联样式表,其后缀名.css
我们是用HTML来控制网页的结构(骨架),CSS用于为结构化文档(HTML/XML)样式实现(装饰),
主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。
样式表定义如何显示HTML元素,就像HTML中的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观。结构(HTML)与样式(CSS)相分离
二、CSS语法规范
首先需要了解CSS 样式规则,CSS 规则由两个主要的部分构成:选择器以及一条或多条声明
CSS实例
p {color:red;text-align:center;}
- 选择器指定CSS样式的HTML标签,花括号内是对该对象设置的具体样式
- 属性和属性值以
键值对的形式出现 - 属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等
- 属性和属性值之间用英文
:分开 - 多个“键值对”之间用英文
;进行区分
<head>
<style>
h4 {
color: blue;
font-size: 100px;
}
</style>
</head>
选择器(选择符)就是根据不同需求把不同的标签选出来这就是选择器的作用,就是选择标签用的。
基础选择器又包括:标签选择器、类选择器、id 选择器和通配符选择器
-
标签选择器:
标签选择器是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。
标签选择器是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。
-
类选择器
如果想要差异化选择不同的标签,单独选一个或者某几个标签,可以使用类选择器.
-
id选择器:
id 选择器可以为标有特定id的HTML元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS中id选择器以
#来定义。 -
通配符选择器