CSS 是一种用于网页开发的重要技术,它能够帮忙开发者设计出更加好看、易于保护的网页。CSS 的引入形式有多种,上面介绍三种罕用的引入形式及其优先程序、根底选择器、款式与长度色彩、罕用款式 (字体、文本)。
一、根底选择器
根底选择器是指在 HTML 中应用的选择器,它们是最罕用的选择器,也是最根本的选择器。罕用的根底选择器包含:
1、元素选择器:用于抉择文档中的所有元素,包含文本、图像、表格等。
2、类选择器:用于抉择具备特定类名的元素,例如 body、h1、p 等。
3、ID 选择器:用于抉择具备特定 ID 的元素,例如 #header、#section 等。
4、标签选择器:用于抉择具备特定标签的元素,例如 div、span 等。
5、属性选择器:用于抉择具备特定属性的元素,例如 class、data-id 等。
6、标签选择器组合:通常和其余选择器组合应用,用于抉择更简单的元素,例如组合多个类或属性选择器来抉择链接等。
根底选择器是学习 CSS 的根底,通过把握根底选择器,能够更加灵便地应用 CSS,设计出更加简单的网页。
二、款式与长度色彩
CSS 中的样式表能够用来设置元素的款式,包含字体、色彩、大小、地位等。同时,CSS 还能够设置元素的长度、宽度、高度等属性。
在设置款式时,须要留神以下几点:
1、款式的程序:在设置款式时,须要依照肯定的程序来设置,例如先设置文本款式,再设置背景款式,最初设置边框款式等。
2、款式的继承:在设置款式时,能够应用继承来复用已有的款式,防止反复设置款式。
3、款式的蕴含:在设置款式时,须要将所有须要设置的款式蕴含在一起,防止反复设置款式。
4、款式的作用域:在设置款式时,须要将款式设置在正确的作用域内,防止款式呈现问题。
CSS 的色彩设置也须要留神以下几点:
1、色彩的程序:在设置色彩时,须要依照肯定的程序来设置,例如先设置背景色彩,再设置文本色彩,最初设置边框色彩等。
2、色彩的兼容性:在设置色彩时,须要思考不同设施的兼容性,避免出现色彩不统一的状况。
3、色彩的格局:在设置色彩时,须要应用 CSS 色彩模式来设置色彩,例如 RGB、HSL、CMYK 等。
4、色彩的位数:在设置色彩时,须要应用足够位数的色彩来保障色彩的准确性。
本文由 mdnice 多平台公布