css边距的接触

server/2025/1/16 11:03:29/
一、鼠标悬停 :鼠标选停到上时,设置样式  名:hover{  样式:样式值   }   例如:
css"><!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>span{color:red;}span:hover{color:blue;text-decoration: underline;}a{padding-right:20px;color:blue;    }a:hover{color:green;text-decoration: none;}</style>
二、内边距:  padding
  
css"><!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>div {width: 500px;height: 500px;}div {border: 1px solid red;

   4个边    padding: 0px;      上下   左右   padding: 0px  20px;    上  左右  下 padding: 0px  20px 30px;   上 右 下 左    padding: 0px 20px 30px 40px;

三、外边距: margin
css">注意:元素的下边距和另一个元素的上边距会合并       外边距 margin可以让元素左右居中 例如:margin:0px auto;    (auto 自动)
margin-top:10px;   margin-bottom:10px;   margin-left:10px;    margin-right:10px;

平移这个元素位置的一半 :transform: translate(-50%,0px);      左右       上下居中   


http://www.ppmy.cn/server/24809.html

相关文章

Hive数据库base64 加解密字段或字符串

加码&#xff1a; select BASE64([{"name":"晁盖","mid":"002J81Pr09ytag","id":12384782}]) 解码&#xff1a; SELECT string(unbase64(W3sibmFtZSI6IuS4geeoimRqyIsIm1pZCI6IjAwMko4MVByMDl5amFnIiwiaWQiOjE0NTE2OTl9XQ)…

AcrelEMS-MH民航机场智慧能源管平台解决方案【可靠供电/降低能耗/高效运维】

民航机场行业背景 自2012年以来&#xff0c;我国民航运输规模出现了显著增长&#xff0c;旅客运输量&#xff1a;从2012年的3.19亿人次上升至2019年的6.6亿人次&#xff08;注&#xff1a;为剔除疫情影响&#xff0c;此处采取疫情前2019年的数据&#xff0c;下同&#xff09;&…

移动应用安全

移动应用安全 移动应用安全主要关注Android、iOS、Windows Phone等平台上移动应用软件安全状态。它涉及应用程序在其设计运行的平台上下文中的安全问题、它们使用的框架以及预期的用户集。所有主流的移动平台都提供大量可选的安全控制&#xff0c;旨在帮助软件开发人员构建安全…

Kimichat使用技巧:方便又实用的kimi+智能体

今天kimi智能助手推出了kimi的功能。简单的说&#xff0c;就是一系列kimi已经写好的提示词&#xff0c;用户可以直接调用、对话。 Kimi分为官方推荐、办公提效、辅助写作、社交娱乐、生活实用这几类。可以从左边侧边栏点击进入。 官方推荐的有&#xff1a; Kimi 001号小客服&…

面试:finalize

一、概述 将资源释放和清理放在finalize方法中非常不好&#xff0c;非常影响性能&#xff0c;严重时甚至会引起OOM&#xff08;Out Of Memory&#xff09;&#xff0c;从Java9开始就被标注为Deprecated&#xff0c;不建议被使用了。 二、两个重要的队列 1、unfinalized 队列 当…

案例-部门管理-查询

黑马程序员JavaWeb开发教程 文章目录 一、查看页面原型二、查看接口文档三、Controller四、Service五、Mapper六、接口调试七、前后端联调 一、查看页面原型 二、查看接口文档 三、Controller 首先编写DeptController中的代码 controller层需要调用service层查询部门 packag…

为什么 GraphQL 可以取代 Redux?

近几年来&#xff0c;互联网技术趋向于采用前端 JavaScript 框架来构建更好的网页和移动应用用户体验。这种变化真的很棒&#x1f525;&#xff0c;我个人非常喜欢这些框架给我们带来的灵活性。 但是&#xff0c;这种灵活性是否已经过头了呢… 为了真正理解这种情况&#xff0c…

ffplay支持mac/iOS硬解码实践

1. ffmpeg编译开启videotoolbox的支持。 ./configure --enable-videotoolbox --enable-hwaccels 2. stream_component_open方法中开启硬件解码器。 int FSPlay::stream_component_open(VideoState *is, int stream_index) {//...codec avcodec_find_decoder(avctx->code…