CSS笔记(持续更新) | 青训营笔记

84 阅读2分钟
简介

CSS(Cascading Style Sheets)是一种标记语言,也叫CSS样式表或级联样式表,其后缀名.css 我们是用HTML来控制网页的结构(骨架),CSS用于为结构化文档(HTML/XML)样式实现(装饰), 主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。

样式表定义如何显示HTML元素,就像HTML中的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观。结构(HTML)与样式(CSS)相分离

二、CSS语法规范

首先需要了解CSS 样式规则,CSS 规则由两个主要的部分构成:选择器以及一条或多条声明 image.png

CSS实例

p {color:red;text-align:center;}
  • 选择器指定CSS样式的HTML标签,花括号内是对该对象设置的具体样式
  • 属性和属性值以键值对的形式出现
  • 属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等
  • 属性和属性值之间用英文:分开
  • 多个“键值对”之间用英文;进行区分

    <head>
        <style>
            h4 {
                color: blue;
                font-size: 100px;
            }
        </style>
    </head>

选择器(选择符)就是根据不同需求把不同的标签选出来这就是选择器的作用,就是选择标签用的。

基础选择器又包括:标签选择器、类选择器、id 选择器和通配符选择器

  • 标签选择器:

    标签选择器是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。

    标签选择器是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。

  • 类选择器

    如果想要差异化选择不同的标签,单独选一个或者某几个标签,可以使用类选择器.

  • id选择器

    id 选择器可以为标有特定id的HTML元素指定特定的样式。

    HTML元素以id属性来设置id选择器,CSS中id选择器以#来定义。

  • 通配符选择器