css简介及语法

一、css简介

        CSS，全称为Cascading Style Sheets，翻译为“层叠样式表”，是一种用于描述网页的样式的语言。CSS可以控制网页中的文本、字体、颜色、背景、边框、盒模型、布局等方面，使页面具有更好的可读性、易维护性和美观性。

        CSS可以与HTML和JavaScript一起使用，它可以通过内部样式表、外部样式表和行内样式表的方式添加到网页中。CSS的集中式样式可以应用于整个页面或网站，也可以应用于仅限于特定页面或特定元素的部分样式。

        CSS还支持响应式设计，可根据设备分辨率的不同，在不同的屏幕上自动调整布局和样式。

        总之，CSS是在网页设计和开发中不可或缺的一部分，可以增强网页的用户体验和可访问性。 

二、css语法

        CSS的语法中包含了三个重要的部分，分别是选择器、属性和值。选择器用于选取元素，属性用于描述元素的样式，值则是属性所描述的样式的具体取值。

下面是CSS的基本语法规则：

   选择器用来选取要应用样式的HTML元素。常用的选择器有：

• 元素选择器：如p、h1、div等
• 类选择器：使用点（.）开头，如.class
• ID选择器：使用井号（#）开头，如#id
• 属性选择器：使用方括号括起来，如[title]或[title='example']
• 伪类选择器：如:hover、:active等

   属性用于描述HTML元素的样式，并设置相应的值。常用的属性有：

• 字体属性：font-family、font-size、font-weight等
• 边框属性：border、border-color、border-radius等
• 背景属性：background-color、background-image、background-repeat等
• 盒模型属性：width、height、padding、margin等
• 定位属性：position、top、left、right、bottom等

   值是属性所描述的样式的具体取值，可以是数字、颜色、尺寸等。例如，font-size的值可以是像素、em、rem等。

下面是一个CSS规则的完整语法示例：

selector {
  property1: value1;
  property2: value2;
  property3: value3;
}

其中，selector表示要选择的HTML元素，如p、.classname、#id等；property表示要修改的属性，如font-size、color、background等；value是属性的具体取值，如16px、blue、url(image.jpg)等。

多个规则可以写在一个CSS样式表文件中，用逗号隔开。例如：

h1, h2, h3 {
  color: #333;
  font-size: 24px;
}

css引入方式

• 内嵌式：css写在style标签中，通常约定写在head标签中;
• 外联式：css写在一个单独的.css文件中，需要通过link标签在网页中引入;
• 行内式：css写在标签的style属性中;