css学习笔记

CSS(层叠样式表)是一种用于描述网页样式和布局的语言。它使得我们可以通过选择器和属性来控制网页的外观。以下是一些CSS的基本概念:

  1. 选择器:选择器用于选择要应用样式的元素。常见的选择器有标签选择器(如 ph1)、类选择器(如 .class-name)和ID选择器(如 #id-name)等。选择器的选择范围可以更广泛,通过组合使用多个选择器来选择不同元素。

  2. 属性:属性用于定义元素的样式。常见的CSS属性包括 color(颜色)、font-size(字体大小)、background-color(背景颜色)等。每个属性有相应的值,如 color: red,表示将文字颜色设置为红色。

  3. 盒模型:盒模型是CSS布局的基础。每个元素被视为一个矩形的盒子,包含内容、内边距、边框和外边距四个部分。通过设置盒子的宽度、高度和边距等属性,可以控制元素在页面中的布局。

  4. 运算符和单位:CSS中的运算符(如 +-*/)可以用于计算属性的值。常见的单位包括像素(px)、百分比(%)、em(基于元素字体尺寸的单位)等。

  5. 媒体查询:媒体查询允许根据设备的特性(如屏幕尺寸、分辨率等)来适配不同的样式。通过媒体查询,可以创建响应式的网页布局,使网页在不同的设备上呈现良好的效果。

  6. 伪类和伪元素:伪类和伪元素允许为元素的特定状态或位置选择样式。例如,:hover 伪类可以在鼠标悬停在元素上时改变其样式,::before 伪元素可以在元素前插入内容。

posted @ 2023-12-13 21:17  远游  阅读(5)  评论(0编辑  收藏  举报