首页 > 其他分享 >CSS学习记录

CSS学习记录

时间:2024-02-19 16:23:51浏览次数:19  
标签:记录 对象 元素 学习 宽度 block 内联 inline CSS

块级元素block

总是在新行上开始;
高度,行高以及顶和底边距都可控制;
宽度缺省是它的容器的100%,除非设定一个宽度;
<div>, <p>, <h1>, <form>, <ul> 和 <li>是block元素。
display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。(准确地说,应用此特性的元素呈现为内联对象,周围元素保持在同一行,但可以设置宽度和高度等块元素的属性)

行内元素inline

和其他元素都在一行上;
高,行高及顶和底边距不可改变;
宽度就是它的文字或图片的宽度,不可改变;
<span>, <a>, <label>, <input>, <img>, <strong> 和<em>是inline元素

标签:记录,对象,元素,学习,宽度,block,内联,inline,CSS
From: https://www.cnblogs.com/momoli/p/18021376

相关文章

  • MySQL学习之存储过程
    存储过程-介绍介绍存储过程是事先经过编译并存储在数据库中的一段SQL语句的集合,调用存储过程可以简化应用开发人员的很多工作,减少数据在数据库和应用服务器之间的传输,对于提高数据处理的效率是有好处的。存储过程思想上很简单,就是数据库SQL语言层面的代码封装与重用。特点......
  • 记录--vue3的宏到底是什么东西?
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言从vue3开始vue引入了宏,比如defineProps、defineEmits等。我们每天写vue代码时都会使用到这些宏,但是你有没有思考过vue中的宏到底是什么?为什么这些宏不需要手动从vue中import?为什么只能在setup顶层中使用这些宏......
  • 安卓手机怎么记录恋爱天数?可以记录天数的日程软件
    对于正在享受甜蜜恋爱关系的情侣来说,在一起的每一天都值得纪念。而在手机上记录恋爱天数,不仅能够让两人回顾和分享彼此成长的点滴,而且可以帮助情侣记住和庆祝重要的纪念日,如认识的第一天、第一个约会的日子等,这有助于加深两人之间的情感,营造浪漫氛围。有不少女生表示自己使用的......
  • css样式相关代码记录
    element样式穿透:::v-deepposition属性值有static、relative、absolute、fixed、sticky。static:该关键字指定元素使用正常的布局行为,即元素在文档常规流中当前的布局位置。relative:该关键字下,元素先放置在未添加定位时的位置,再在不改变页面布局的前提下调整元素位置(因此会......
  • vagrant学习笔记
    vagrant:一款用于管理虚拟机的命令行软件。vagrant最好的学习网页地址:https://www.yuque.com/wukong-zorrm/xmk0v0/iaw0c8knokwhrqtw 安装方式二:1):下载box到本地2):添加box:vagrantboxaddbox名称vagrant相关命令学习:查看vagrant版本信息:vagrant--version初始......
  • IOC容器设计学习
    Spring简介:以IOC与AOP为内核。分层框架。轻量级(不需要依赖其他软件,只需要JVM,容器环境)Spring的核心结构每个模块对应一个Jar包。 1.4IOC思想讲解IOC和AOP不是Spring提出的。spring在技术上很好的把这两个思想实现1)什么是IoCInversionofControl.(控制反转),这是一个......
  • 布莱切利宣言 The Bletchley Declaration 2023年11月1日 学习ing
    ArtificialIntelligence(AI)presentsenormousglobalopportunities:ithasthepotentialtotransformandenhancehumanwellbeing,peaceandprosperity.Torealisethis,weaffirmthat,forthegoodofall, AI shouldbedesigned,developed,deployed,and......
  • 机器学习:公式推导与代码实现 PDF下载
    作为一门应用型学科,机器学习植根于数学理论,落地于代码实现。这就意味着,掌握公式推导和代码编写,方能更加深入地理解机器学习算法的内在逻辑和运行机制。本书在对全部机器学习算法进行分类梳理的基础之上,分别对监督学习单模型、监督学习集成模型、无监督学习模型、概率模型四个大类......
  • FastJSON学习
    第一节:JSON数据格式回顾 JSON的数组格式:运行:结果:  JSON的对象格式:运行: 结果: ......
  • 一、在树莓派上学习C#和Linux:常用指令和软件包管理
    在树莓派上学习C#和Linux:常用指令和软件包管理最近AI特别火,就想在空余时间系统性的学习一下Linux中使用C#操作硬件开发。选择了树莓派平台入手学习。它是一款小巧的单板计算机,运行基于Linux的操作系统。学习Linux命令是管理和使用树莓派的关键一步。这篇博客记录一些常用的Linux......