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语法写入的地方

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

相关推荐
2501_926978332 小时前
“LLM的智能本质--AGI的可能路径--人类的意识本质”三者的统一基底(5.0理论解读)
人工智能·经验分享·笔记·深度学习·机器学习·ai写作·agi
لا معنى له2 小时前
WAM与AC-WM:具身智能时代的世界动作模型与动作条件世界模型
人工智能·笔记·学习
薛先生_0993 小时前
js学习语法第一天
开发语言·javascript·学习
Wilber的技术分享4 小时前
【LeetCode高频手撕题 2】面试中常见的手撕算法题(小红书)
笔记·算法·leetcode·面试
愚昧之山绝望之谷开悟之坡4 小时前
合格境外投资者
笔记
寒秋花开曾相惜6 小时前
(学习笔记)3.8 指针运算(3.8.3 嵌套的数组& 3.8.4 定长数组)
java·开发语言·笔记·学习·算法
是翔仔呐7 小时前
第11章 显示外设驱动:I2C协议OLED屏、SPI协议LCD屏字符/图片/中文显示
c语言·开发语言·stm32·单片机·嵌入式硬件·学习·gitee
_李小白7 小时前
【AI大模型学习笔记之平台篇】第五篇:Trae常用模型介绍与性能对比
人工智能·笔记·学习
承渊政道7 小时前
【优选算法】(实战体会位运算的逻辑思维)
数据结构·c++·笔记·学习·算法·leetcode·visual studio
英俊潇洒美少年7 小时前
css中专门用来提升渲染性能、减少重排重绘的属性
前端·css