• 【网页前端】CSS样式表入门概述以及基本语法格式和选择器


    🔎这里是【前端网页】,关注我学习前端不迷路
    👍如果对你有帮助,给博主一个免费的点赞以示鼓励
    欢迎各位🔎点赞👍评论收藏⭐️

    👀专栏介绍

    【前端网页】 目前主要更新HTML,一起学习一起进步。

    👀本期介绍

    本期主要介绍CSS样式表入门概述以及基本语法格式和选择器

    文章目录

    1.CSS 概述

    1.1什么是 CSS

    1.1入门案例

    2. CSS 基本语法格式

    3. 选择器

    3.1 标签选择器

    3.2 类选择器

    3.3 ID 选择器

    3.4 扩展:通配符选择器

    3.5 扩展:属性选择器

    1.CSS 概述

    1.1什么是 CSS

    CSS (Cascading Style Sheets) :层叠样式表
    层叠:一层一层叠加
    样式表:存储样式的地方,多个样式
    CSS 通常称为 CSS 样式或层叠样式表,主要用于设置 HTML 页面中的文本内容(字
    体、大小、对其方式等)、图片的外形(高宽、边框样式、边距等)以及版面的布局等外
    观显示样式。
    CSS 可以使 HTML 页面更好看, CSS 色系的搭配可以让用户更舒服, CSS+DIV
    局更佳灵活,更容易绘制出用户需要的结构。

    CSS 作用:修饰 HTML 页面,更丰富多彩地展示超文本信息

    1.1入门案例

    步骤 1 :创建一个 HTML 文件
    步骤 2 :在 HTML 上创建一个标签
    步骤 3 :标签中新增一个 style 属性,并修改 style 属性值

    效果:

    因为 HTML 属性在单独使用时有一定的局限性,所以要配合 CSS 样式代码才可以展示更为丰富的
    效果。

    2. CSS 基本语法格式

    放置规范: