CSS基本概念以及CSS的多种引入方式

embedded/2024/9/25 2:10:27/

CSS基本概念

CSS是层叠样式表,又叫级联样式表,简称样式表。CSS的文件后缀为.css,CSS用于HTML文档中元素样式的定义。

CSS的基本语法

CSS的规则由2个主要的部分构成:选择器以及一条或者多条声明。

选测器通常是你血药改变样式的HTML元素。每条声明由一个属性和一个值组成。

css">   h3{font-size: 20px;}

CSS的多种引入方式 

内联样式

使用内联样式,你需要在相关的标签使用样式style属性,style属性可以包含任何CSS属性。

注意:此样式缺乏整体性和规划性,不利于维护,维护成本较高。

 <h3 style="font-size: 20px;">标题</h3>

内部样式

当单个文档需要特殊的样式时,应该使用内部样式表,你可以使用<style> </style>标签在文档的<head> 标签内定义内部样式表。

注意:单个页面的CSS代码具有统一性和规划性,便于维护,但时在多个页面之间容易混乱。

css">  <style>h3{font-size: 20px;}</style>

 外部样式

当样式需要应用于多个页面时,外部样式表将时理想的选择,在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用<link> 标签链接到样式表。<link>标签在文档的<head>标签内。

 

 <link rel="stylesheet" href="H5.css">

 href属性用于链接外部CSS文件。


http://www.ppmy.cn/embedded/116387.html

相关文章

Redis中的setnx的使用场景

Redis中的SETNX命令是一个非常有用的工具&#xff0c;特别是在处理分布式系统和并发控制时。SETNX是“Set if Not Exists”的缩写&#xff0c;用于设置键的值&#xff0c;但仅当键不存在时。以下是SETNX命令的一些主要使用场景&#xff1a; 1. 分布式锁 在分布式环境中&#…

需求2:新加字段

从今天开始&#xff0c;我想把我之前写的一些小的&#xff0c;简单的需求都通过文章的方式写出来&#xff0c;一方面是回顾梳理之前所学的知识&#xff0c;另一方面也是为了方便以后回看&#xff0c;好记性不如烂笔头。 现在的问题是这样的&#xff1a; 涛哥希望&#xff0c;加…

【软件测试】详解测试中常用的几种测试方法

目录 一、集成测试二、 系统测试三、验收测试四、回归测试 总结 一、集成测试 术语 集成测试是继组件测试之后的又一个层次。集成测试假定交给这个层次的测试对象已经经过了组件测试&#xff0c;并且任何组件内部的缺陷都已经尽可能地被纠正。 集成 开发人员、测试人员和专…

Codeforces Global Round 19 D题 Yet Another Minimization Problem(推式子,01背包变形)

题目链接 https://codeforces.com/problemset/problem/1637/D 思路 对于原式子进行推导 ∑ i 1 n ∑ j i 1 n ( a i a j ) 2 ∑ i 1 n ∑ j i 1 n ( b i b j ) 2 \sum_{i1}^{n} \sum_{ji1}^{n}(a_{i} a_{j})^{2} \sum_{i1}^{n} \sum_{ji1}^{n}(b_{i} b_{j})^{2} ∑…

模拟哈希表

#include<iostream> #include<cstring>using namespace std; const int N100010; int h[N],e[N],ne[N]; int idx0;void insert(int x) {int t(x%NN)%N;//模拟链表插入e[idx]x,ne[idx]h[t],h[t]idx; }bool find(int x) {int t(x%NN)%N;th[t];while(t!-1)if(e[t]x)re…

PyRosetta优化蛋白质和小分子的结合

在小分子药物研究中,PyRosetta 提供了强大的工具来筛选与蛋白质结构相互作用的小分子药物。可以利用 PyRosetta 来计算配体与受体蛋白的结合能量、生成低能量构象以及优化分子对接模型。下面是一个演示代码,展示如何使用 PyRosetta 来筛选小分子药物与蛋白质的相互作用。 核…

Centos Stream 9+PHP8+TP8+Workerman4.1+Nginx代理SSL

由于项目需要,新到的服务器需要配置安装标题的环境,搞了两天踩了一个大坑,自己粗心了,没办法。记录一下,希望可以给您一些帮助。 一、环境需求: centos stream9、php8以上、nginx1.24、tp8、workerman4.1、由于是内网跑的,所以用上mkcert创建证书,用nginx代理websock…

【每日一题】LeetCode 2207.字符串中最多数目的子序列(贪心、字符串、前缀和)

【每日一题】LeetCode 2207.字符串中最多数目的子序列&#xff08;贪心、字符串、前缀和&#xff09; 题目描述 给定一个字符串 text 和一个长度为2的字符串 pattern&#xff0c;两者都由小写英文字母组成。你可以在 text 中任意位置插入一个字符&#xff0c;这个插入的字符必…