CSS 基础学习-002 设置所有<p>元素都居中对齐和字体颜色为红色
在这个实例中我们将所有<p>元素都设置居中对齐,并且把所有<p>元素的字体颜色都设置为红色。主要用到的CSS样式有:
text-align :设置元素的对齐方式。
color:设置字体的颜色。
实例代码:
CSS是Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现HTML或 XML 等文件式样的计算机语言。CSS的作用就是为网页设置外观,相当于给HTML文档穿上了华丽的衣服。CSS目前最新版本为CSS3,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象盒子模型的控制能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。
在这个实例中我们将所有<p>元素都设置居中对齐,并且把所有<p>元素的字体颜色都设置为红色。主要用到的CSS样式有:
text-align :设置元素的对齐方式。
color:设置字体的颜色。
实例代码:
这是我学习的第一个CSS样式实例,我们要在一张网页上设置主体的背景颜色和标题的颜色跟对齐方式,还有段落的字体和大小 。主要用到的CSS样式有:
bockground-color :设置背景颜色 。
color : 设置字体颜色。
text-align:设置元素的对齐方式。主要有:left 左对齐 right 右对齐 center 居中对齐。
font-family: 设置字体的样式风格。
font-size: 设置字体的大小。
实例代码:
CSS 属性选择器
属性选择器可以根据元素的属性及属性值来选择元素。
实例代码:
实例代码:
通配符选择器:是指用*号把元素的样式进行统一的设置。
实例代码:
分组选择器:是把相同样式的元素归为一组进行设置,用逗号隔开。比如我们做一个H1--H6 标题标签统一颜色为蓝色,这时我们就要用到分组选择器。
实例代码: