Rumah  >  Artikel  >  hujung hadapan web  >  什么是css样式表

什么是css样式表

青灯夜游
青灯夜游asal
2021-04-02 15:57:146804semak imbas

css样式表指的是层叠样式表(Cascading Style Sheets),简称CSS,是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内容进行分离的一种样式语言。

什么是css样式表

本教程操作环境:windows7系统、CSS3版、Dell G3电脑。

css样式表一般指的是CSS(层叠样式表)。

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内容进行分离的一种样式语言。

CSS主要用来设计网页的样式,美化网页;它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

css的组成

css定义由三部分内容组成:选择符,属性,属性值

选择符{属性:属性值;}

1、选择符:又称选择器,所有HTML语言中的标记都是通过不同的css选择器进行控制的。

2、属性:主要包括字体属性、文本属性、背景属性、布局属性、边界属性、列表项目属性、表格属性等内容。其中一些属性只有部分浏览器支持,因此使css属性的使用变得更加复杂

3、属性值:为某属性的有效值。属性与属性值之间用":"分号隔开。当有多个属性时,使用";"分隔。

举例:

<style>
h2{
font-family:宋体;
color:red;
}
</style>

(学习视频分享:css视频教程

注:h2 为选择器;font-family 为属性;“宋体”为属性值

css选择器

常用的有标记选择器,类别选择器,id选择器等。

1)标记选择器(又叫元素选择器,类型选择器)

what:HTML页面是由很多标记组成的,例如图像标记a1f02c36ba31691bcfe87b2722de723b、超链接标记3499910bf9dac5ae3c52d5ede7383485、表格标记f5d188ed2c074f8b944552db028f98a1等。而css标记选择器就是声明页面中哪些标记采用css样式。

举例:

<style>
a{
font-size:9px;
color:#F93;
}
<style>

2)类别选择器

格式: 点(.)+类别名称

使用标记选择器有局限性。如果声明标记选择器,那么页面中所有该标记内容都会发生变化。假设页面中有3个c1a436a314ed609750bd7c7d319db4da标记,若想每个c1a436a314ed609750bd7c7d319db4da的显示效果都不一样,则可以使用类别标记器。

  • 类别选择器的HTML标记,只需使用class属性来声明即可。

  • 在HTML标签中,可以应用多种类别选择器,这样可以使HTML同时加载多个类别选择器的样式。在多种类别选择器之间用空格进行分割,例如:4b2d7976a7bb185c901d374474f709c3。

3)id选择器

id选择器是通过HTML页面中的id属性来选择添加样式,与类别选择器基本相同。

格式:"#"+id 属性值

命名id选择器要以"#"号开始,后加HTML标记中的id属性值。

更多编程相关知识,请访问:编程视频!!

Atas ialah kandungan terperinci 什么是css样式表. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:css怎么设置图片不平铺Artikel seterusnya:div+css是什么