CSS简介(本文为个人学习笔记,内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。 > 所有知识点归属原作者,仅作非商业用途分享)

CSS简介

CSS概念

  • CSS(Cascading Style Sheets)层叠样式表,又叫级联样式表,简称样式表
  • CSS文件后缀名为[.css]

为什么需要CSS

  • 使用CSS的目的就是让网页具有美观一致的页面

语法

CSS规则由两个主要的部分构成

  1. 选择器

    选择器通常是需要改变样式的HTML元素(也可以理解为标签)

  2. 一条或多条声明

    由一个属性和一个值组成\]{.mark} * 属性 1. 属性(property)是希望设置的样式属性(Style property) 2. 如:color(设置文本颜色),font-size(设置文本字体大小) * 属性值 1. 每一个属性有一个值,属性和值被冒号分开 2. 如:color:red、font-size:25px

    • h1就是选择器(意思是将样式在h1标签起作用)
    • color、font-size就是声明中的【属性】
    • blue(这是给属性color赋的值,意思是将文本颜色改为蓝色)
    • 12px(这是给属性font-size赋的值,意思将文本字体大小改为12px(单位像素))

代码示例

注意:

  • 所有样式都在style标签内

  • 而style标签在head标签内

  • 由选择器+大括号组成

  • 大括号内部才是CSS语法写入的地方

  • 可以添加多个声明,每一个声明占一行(只在对应选择器的大括号内有效)

相关推荐
军军君0115 分钟前
Three.js基础功能学习七:加载器与管理器
开发语言·前端·javascript·学习·3d·threejs·三维
知识分享小能手27 分钟前
Ubuntu入门学习教程,从入门到精通,Ubuntu 22.04中的人工智能—— 知识点详解 (25)
人工智能·学习·ubuntu
崇山峻岭之间28 分钟前
Matlab学习记录32
开发语言·学习·matlab
乌暮41 分钟前
JavaEE初阶---《JUC 并发编程完全指南:组件用法、原理剖析与面试应答》
java·开发语言·后端·学习·面试·java-ee
CCPC不拿奖不改名1 小时前
计算机网络:电脑访问网站的完整流程详解+面试习题
开发语言·python·学习·计算机网络·面试·职场和发展
Abbylolo1 小时前
《Obsidian Excalidraw插件配置与使用指南》
笔记
左绍骏1 小时前
01.学习预备
android·java·学习
非凡ghost1 小时前
ImageConverter(图像转换编辑工具)
图像处理·人工智能·windows·学习·计算机视觉·软件需求
@zulnger1 小时前
python 学习笔记(闭包)
笔记·python·学习
却道天凉_好个秋1 小时前
音视频学习(八十三):视频压缩:MJPEG技术
学习·音视频·mjpeg·视频压缩