医院人员管理项目01_下午,css

层叠样式表

引入html网页中的方式,共3种。

  1. 行内样式(内联样式):直接在html中设置
    在这里插入图片描述

  2. 内部样式:css代码写在的

在html文件中引入css样式表:2种方法

  1. 链接式: css标签
<link href="css/index.css" rel="stylesheet" type="text/css"/>
  1. 导入式:——css2.1支持
<style type="text/css">
			@import url("css/index.css");
			
		</style>

如何设置样式:3种css选择器

  1. 标签选择器:

  2. 类选择器:.
    在这里插入图片描述

  3. id选择器:#
    id具有唯一性。

 <style type="text/css">
        	/*标签选择器*/
        	li{color:gold}
        	/*类名选择器*/
        	.apple{color:red}
        	/*id选择器*/
        	#taozi{color:pink}
        </style>
  1. 其他选择器:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    子元素只选择包含的第一层在这里插入图片描述
    在这里插入图片描述
    全局选择器
    在这里插入图片描述
    在这里插入图片描述

继承

在这里插入图片描述

权重

在这里插入图片描述

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-11 19:12:04       66 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-11 19:12:04       70 阅读
  3. 在Django里面运行非项目文件

    2024-07-11 19:12:04       57 阅读
  4. Python语言-面向对象

    2024-07-11 19:12:04       68 阅读

热门阅读

  1. 【React Hooks原理 - useReducer】

    2024-07-11 19:12:04       19 阅读
  2. 2024.7.10 刷题总结

    2024-07-11 19:12:04       25 阅读
  3. 什么是逻辑运算中的短路效应?

    2024-07-11 19:12:04       22 阅读
  4. 开发指南043-自定义注解

    2024-07-11 19:12:04       24 阅读
  5. C语言 比较两个字符串

    2024-07-11 19:12:04       20 阅读
  6. Andt Desgin Vue Pro 项目添加前缀访问解决

    2024-07-11 19:12:04       17 阅读
  7. MDA协议

    2024-07-11 19:12:04       23 阅读
  8. Spring Boot中集成DJL运行Python PyTorch模型:MNIST实战

    2024-07-11 19:12:04       18 阅读
  9. GraphSAGE项目练手

    2024-07-11 19:12:04       22 阅读