深入理解CSS| 青训营

51 阅读2分钟

CSS(Cascading Style Sheets)是一种用于描述网页样式和布局的语言,它可以控制网页的颜色、字体、排版和其他各种外观方面的属性。在这篇文章中,我们将总结一些CSS的基础知识点,帮助读者理解并掌握CSS的基本概念和用法 一、选择器(Selectors) 选择器是CSS中用来选择要应用样式的HTML元素的部分。常见的选择器包括元素选择器、类选择器、ID选择器、伪类选择器等。元素选择器通过元素的标签名选择元素,类选择器通过元素的class属性选择元素,ID选择器通过元素的id属性选择元素,伪类选择器则用于选择具有特定状态的元素,如:hover用于选择鼠标悬停在元素上的状态。 二、属性(Properties) 属性是CSS中用来控制元素外观的部分。常见的属性包括颜色、字体、背景、边框、尺寸等。通过为元素指定属性值,可以改变元素的外观样式。例如,color属性用于设置文本颜色,font-family属性用于设置文本字体,background-color属性用于设置元素背景颜色,border属性用于设置元素边框样式。 三、值(Values) 值是属性中可接受的具体数值或关键词。不同的属性接受不同类型的值。例如,color属性接受表示颜色的关键词(如red、blue)或十六进制颜色值(如#FF0000、#0000FF),font-size属性接受表示字体大小的数值(如12px、1.5em),background-image属性接受表示背景图片的URL值。 四、定位 在CSS中关于定位的内容是:position:relative | absolute | static | fixed。static 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。在文本流中,任何一个元素都被文本流所限制了自身的位置,但是通过CSS我们依然使得这些元素可以改变自己的位置,我们可以通过float来让元素浮动,我们也可以通过margin来让元素产生位置移动。