对css基础认知 | 青训营笔记

52 阅读2分钟

CSS(Cascading Style Sheets,层叠样式表)是一种用于描述文档样式的语言,是前端开发中必不可少的一部分。它的作用是将 HTML 中的内容与样式分离,从而使得网页设计更加灵活、易于维护和修改。本文将介绍 CSS 的基础知识,包括选择器、属性、值、盒子模型、浮动和定位等。 选择器是用来选择要应用样式的 HTML 元素的。常见的选择器有标签选择器、类选择器、ID 选择器、后代选择器、子元素选择器等。标签选择器通过 HTML 标签名来选择元素,类选择器通过 HTML class 属性来选择元素,ID 选择器通过 HTML id 属性来选择元素,后代选择器通过元素之间的层级关系来选择元素,子元素选择器则只选择某个元素的直接子元素。 属性是用来描述要改变的样式的。常见的属性有颜色、字体、背景、边框、宽度、高度等。属性的值可以是具体的数值,也可以是预定义的关键字,比如颜色可以用 RGB 值或者预定义的颜色名来表示。 盒子模型是指 HTML 元素的大小和位置是由其内容、内边距、边框和外边距共同决定的。浮动是指将 HTML 元素从文档流中脱离出来,使其可以左右移动。定位是指将 HTML 元素放置在页面的指定位置上。 CSS 还有一些常用的概念,比如优先级、继承、层叠等。优先级是指当多个样式规则作用于同一个 HTML 元素时,哪一个样式规则具有更高的优先级。继承是指当一个元素应用了某个样式规则时,其子元素也会继承这个样式规则。层叠是指当多个样式规则作用于同一个 HTML 元素时,如何确定最终的样式结果。 总之,学习 CSS 对于前端开发人员来说是非常重要的基础知识。熟练掌握 CSS 可以帮助开发人员更好地控制网页的样式和布局,使网页更加美观、易于阅读和使用。因此,建议前端开发人员在学习 HTML 的同时,也要学习 CSS,并且不断地练习和实践,以提高自己的技能水平。