CSS笔记

news2025/1/15 17:40:11

介绍

CSS导入方式

三种方法都将文字设置成了红色

CSS选择器

元素选择器

id选择器

  • 图中div将颜色控制为红色，#name将颜色控制为蓝色，谁控制的范围最小，谁就生效，所以第二个div是蓝色的。
  • id属性值要唯一，否则报错。

 

class选择器

  • 同样的class属性值可以用于多种元素

 

CSS属性

进入这个网址HTML 系列教程 (w3school.com.cn)

点击css3，这是最新的版本

点击参考书，就能看到按照字母顺序排列的各种属性讲解；点击某个属性，就可以了解到详细的使用说明。

css属性以键值对的方式呈现，如：选择器{属性名：属性值}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/914958.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

【STM32RT-Thread零基础入门】 6. 线程创建应用（线程挂起与恢复）

【STM32RT-Thread零基础入门】 6. 线程创建应用（线程挂起与恢复）

硬件：STM32F103ZET6、ST-LINK、usb转串口工具、4个LED灯、1个蜂鸣器、4个1k电阻、2个按键、面包板、杜邦线 文章目录 前言一、RT-Thread相关接口函数1. 挂起线程2. 恢复线程 二、程序设计1. car_led.c2.car_led.h3. main.c 三、程序测试总结 前言 在上一个任务中&a…
阅读更多...
Mysql group by使用示例

Mysql group by使用示例

文章目录 1. groupby时不能查询*2. 查询出的列必须在group by的条件列中3. group by多个字段，这些字段都有索引也会索引失效，只有group by单个字段索引才能起作用4. having条件必须跟group by相关联5. 用group by做去重6. 使用聚合函数做数量统计7. havi…
阅读更多...
ShardingSphere02-MySQL主从同步配置

ShardingSphere02-MySQL主从同步配置

1、MySQL主从同步原理 基本原理： slave会从master读取binlog来进行数据同步 具体步骤： step1：master将数据改变记录到二进制日志（binary log）中。step2： 当slave上执行 start slave 命令之后&#xff0c…
阅读更多...
mysql------做主从复制，读写分离

mysql------做主从复制，读写分离

1.为什么要做主从复制（主从复制的作用） 做数据的热备，作为后备数据库，主数据库服务器故障后，可切换到从数据库继续工作，避免数据丢失。 架构的扩展。业务量越来越大,I/O访问频率过高，单机无法满…
阅读更多...
matlab面向对象

matlab面向对象

一、面向对象编程 1.1 面向过程与面向对象 区别： 面向过程的核心是一系列函数，执行过程是依次使用每个函数面向对象的核心是对象（类）及其属性、方法，每个对象根据需求执行自己的方法以解决问题 对象：单个…
阅读更多...
JAVA 读取jar包中excel模板

JAVA 读取jar包中excel模板

1、在resources路径下，新建report文件夹，放入excel模板 2、配置文件中的目录，分隔符使用 / template: /report/报告模板V1.0.xlsx3、使用getResourceAsStream()读取 XSSFWorkbook wb;try {//需要以/开始InputStream resourceAsStream this.g…
阅读更多...
中国芯，寻找新赛道迫在眉睫

中国芯，寻找新赛道迫在眉睫

北京华兴万邦管理咨询有限公司 商瑞 陈皓 近期国内半导体行业的热点可以用两个“有点多”来描述，一个是中国芯群体中上市公司股价闪崩的有点多，另一个是行业和企业的活动有点多。前者说明了许多国内芯片设计企业（fabless商业模式）…
阅读更多...
怎么去选消息队列? Kafka vs. RabbitMQ

怎么去选消息队列? Kafka vs. RabbitMQ

在上周，我们讨论了使用消息队列的好处。然后我们回顾了消息队列产品的发展历史。如今，在项目中需要使用消息队列时，Apache Kafka似乎是首选产品。然而，考虑到特定需求时，它并不总是最佳选择。 基于数据库的队列 让我们…
阅读更多...
【由于无法验证发布者，所以 windozs 已经阳止此软件。】

【由于无法验证发布者，所以 windozs 已经阳止此软件。】

由于无法验证发布者，所以 windozs 已经阳止此软件。 由于无法验证发布者，所以 windozs 已经阳止此软件。IE点击【Internet选项】在打开Internet选项的对话框中，点击“安全”选项卡在打开的新窗口中点击“受信任的站点”图标，然后点…
阅读更多...
Linux查看文本内容的一些技巧

Linux查看文本内容的一些技巧

Linux查看文本内容的一些技巧 headtailcat输出filename.txt中第二列的内容awkcutvimdiff abc.txt def.txt 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语…
阅读更多...
sql入门-约束

sql入门-约束

约束 作用于表中字段上的规则，用于限制存储在表中的数据 外键增加--删除 # 创建dept -- 主表 create table dept ( id int primary key auto_increment comment id, name varchar(50) unicode comment 部门名称 )comment 部门表; insert into dept(name) v…
阅读更多...
SQL注入之万能用户名

SQL注入之万能用户名

文章目录 分析代码原理实现 分析代码 在安装的cms数据库目录C:\phpStudy\WWW\cms\admin下找到login.action.php文件，查看第20行，发现如下php代码： $user_row $db->getOneRow("select userid from cms_users where username "…
阅读更多...
FreeCAD傻瓜式教程之约束设定、构建实体、开孔、调整颜色、透明度、参考距离、任意修改尺寸、保持开孔居中、外部图形、基准平面等

FreeCAD傻瓜式教程之约束设定、构建实体、开孔、调整颜色、透明度、参考距离、任意修改尺寸、保持开孔居中、外部图形、基准平面等

本内容基于官方教程中的绘制简单的零件中的体会，在初次绘制的时候，总是无法完成，几经尝试才发现其关键点所在，以此文记录，用以被查资料，同时也希望能够帮到纯白新手快速熟悉该软件的绘图方法。 一、. 打开软…
阅读更多...
联想小新Pro 16笔记本键盘失灵处理方法

联想小新Pro 16笔记本键盘失灵处理方法

问题描述： 联想小新Pro 16新笔记本开机准备激活，到连接网络的时候就开始触控板、键盘失灵，但是有意思的是键盘的背光灯是可以调节关闭的；外接鼠标是正常可以移动的，但是只要拔掉外接鼠标再插回去的时候就不能用了&…
阅读更多...
8.22 作业

8.22 作业

1. 中断实验 按下key1 led3取反 按下key2 led2取反 按下key3 led1取反 main.c #include "key.h" extern void printf(const char *fmt, ...); void delay_ms(int ms) {int i,j;for(i 0; i < ms;i)for (j 0; j < 1800; j); }int main() {rcc_init();led_…
阅读更多...
pbootcms系统安全防护设置大全

pbootcms系统安全防护设置大全

PbootCMS系统简介 PbootCMS是全新内核且永久开源免费的PHP企业网站开发建设管理系统&#xff0c;是一套高效、简洁、 强悍的可免费商用的PHP CMS源码&#xff0c;能够满足各类企业网站开发建设的需要。系统采用简单到想哭的模板标签&#xff0c;只要懂HTML就可快速开发企业网站…
阅读更多...
java八股文面试[java基础]——final 关键字作用

java八股文面试[java基础]——final 关键字作用

为什么局部内部类和匿名内部类只能访问final变量&#xff1a; 知识来源 【基础】final_哔哩哔哩_bilibili
阅读更多...
Java反编译工具之javap介绍

Java反编译工具之javap介绍

文章目录 一、反编译定义二、反编译的使用场景1. 代码审查和调试&#xff1a;2. 学习和研究&#xff1a;3. 逆向工程&#xff1a;4. 代码重用&#xff1a; 三、反编译工具之javap1. javap介绍&#xff1a;2. 案例演示&#xff1a; 一、反编译定义 Java反编译是指将已经编译成字…
阅读更多...
使用Java开发Jmeter自定义取样器（Sampler）插件

使用Java开发Jmeter自定义取样器（Sampler）插件

文章目录 1、Jmeter自定义取样器扩展类2、SpringBoot服务器端http测试例子3、自定义取样器实现3.1、默认界面的AbstractJavaSamplerClient扩展实现3.2、自定义界面的AbstractSamplerGui扩展实现 3、自定义取样器运行效果3.1、AbstractJavaSamplerClient运行效果3.2、AbstractSa…
阅读更多...
net start Mysql 启动服务时 ，显示“Mysql服务正在启动 Mysql服务无法启动 服务没有报告任何错误

net start Mysql 启动服务时 ，显示“Mysql服务正在启动 Mysql服务无法启动 服务没有报告任何错误

一、问题 有时候&#xff0c;输入net start Mysql 启动服务时 mysql>net start Mysql 显示 Mysql服务正在启动 Mysql服务无法启动 服务没有报告任何错误 二、原因 由于mysql的默认端口是3306&#xff0c;因此在启动服务的时候&#xff0c;如果此端口被占用&#xff0c;就会出…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023