关于css中行内元素的设置大小

已于 2022-11-06 10:47:06 修改
阅读量159 收藏
点赞数
分类专栏： 前端 文章标签： css3 html5
于 2022-11-06 10:45:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_58853465/article/details/127713237
版权

由图可见，在设置样式时，默认情况下是10px，即设置10px后没太大差异，但是从15px以上，慢慢的看出差异，到100px时，上边距已经不变化了，但是左右下都在变化

 

 

 

 

还有头发还能学呀
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
css样式
熬只小饼干的博客
05-26 144
目录 1.css的作用 2.css的分类 3.css文字属性 4.css样式规则 5.代码示例 main.css css.html 运行结果展示 font.html 运行结果展示 1.css的作用 在网页开发中经常碰到这样的场景： 需要设置页面上某些元素的外观：字的颜色，字的大小，字的对齐方式，背景颜色或者背景图像等 web标准构成：结构（HTML），表现（css），行为（JavaScript） css样式决定了网页的外观 2.css的分类 按照css样式代码的位置分类：..
有关行内元素属性的设置（宽高）和块元素自适应大小的问题
AdamMaoKkk的博客
11-20 4463
今天看书看到< sqan >突然想起来以前做题时行内元素无法设置宽高的问题 就一并把相关的几个属性的应用也查了一下 以下内容均为亲身测试： 我做了个盒子（浅灰），里面添了一个行内元素（灰色）来测试 。 。 。 1.行内元素（< sqan >,< a> 等）无法设置宽高 可以这么理解，行内元素默认样式为固定的一行 所以此时这一行的宽高均随行内的字体大小而变化 （先...
行内元素如何设置宽高
厚积薄发
09-10 5757
参考 HTML 行内元素 与块级元素 说说行内元素与块级元素以及之间的转换？ 说说行内元素与块级元素以及之间的转换？ 1.常用的行内元素<a> 标签可定义锚 <abbr> 表示一个缩写形式 <acronym>定义只取首字母缩写 <b> 字体加粗 <bdo> 可覆盖默认的文本方向 <big> 大号字体加粗 <br> 换行 <cite> 引用进行定义 <code> 定义计算机代码文本
关于行内元素能否设置宽高的问题
little_little0_0的博客
11-18 1万+
理论上来说，行内元素区别于块级元素的一点就是它不能设置宽高。例如：   &lt;div style="width: 100px; height: 100px; background-color: black"&gt; &lt;span style="width: 10px; height: 10px; background-color: white"&gt;&lt;/span&gt;...
关于行内元素的宽高
weixin_30496751的博客
07-25 126
电话面试，被问到行内元素和块级元素的区别。 我回答说，块级元素独占一行，可设置宽高。行内元素不会独占一行，且不能设置宽高。 然后面试官问我，img和input是行内元素么，他们能设置宽高吗？ 我一想，是啊，这两个也是行内元素，不过却能设置宽高啊。于是当场被问住了，说不出所以然。。。 然后自己查阅资料，发现了这篇博文，为何img、input等内联元素可以设置宽、高 豁然开朗，原来img和i...
css中行内元素和块级元素的区别
12-04
　3、 行内元素与块级元素属性的不同，主要是盒模型属性上，行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。 二、行内元素和块级元素的相互转换 　行内元素转化为块...
CSS中的字体大小设置属性总结
09-24
里我们整理了px、em以及CSS3中的rem三大文字大小设置方式,尤其是rem的相关知识,下面就一起来看一下CSS中的字体大小设置属性总结,需要的朋友可以参考下
详解CSS3 rem(设置字体大小) 教程
09-24
本篇文章主要介绍了详解CSS3 rem(设置字体大小) 教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
【css背景图片自适应】css怎么设置背景图片自适应大小
04-11
在css中，可以利用“background-size”属性设置背景图片自适应大小，该属性用于设置背景图片的大小，只需要给背景图片元素添加“background-size:cover;”样式，即可使背景图片的大小自适应。
css行内样式的属性设置，css的外部样式的设置
热门推荐
boss_way的博客
10-28 1万+
15 行内样式： 行内样式1：是通过标签的style属性来设置元素的样式 格式：标签 style=”css样式代码”> 示例：字体内容 多个样式之间用; 分号隔开、一个样式多个属性用空格分开 适用于针对性的修改某一个标签的样式 行内样式2：通过html标签来设置元素的样式 A{ Font-size:120px; Color:red; } 适用于页面中进行的复用
html图片列表选择器,Web前端技术：CSS部分初识--行内样式、内嵌样式、外部样式，CSS的优先级，CSS的选择器，各种CSS样式（文本与文字、颜色的表示、背景的设置、超链接、列表、表格、图片）...
weixin_39933895的博客
06-03 396
一、CSS样式1、行内样式：直接写在body的内部标签里，如下就是行内样式 2、内嵌样式：写在head的style标签内，如下就是内嵌样式 3、外部样式：css样式单独写在一个.css文件里,使用时，在HTML的head内用link标签引用即可 二、CSS的优先级 三、CSS的选择器选择器是一种选择方式。选中你想要的元素的方法，称之为“选择器”1、全局选择器：*2、标签选择器：p、span、a、h...
行内元素设置宽高
吴渣渣的博客
08-05 4703
对行内元素如span设置宽高，可以通过css设置display：block或者设置为浮动float 块元素。　特性：有物理属性，width,height写值起作用，而且要占据一行。 内联元素。 特性：没有物理属性。但是margin，padding值有用。不占据一行，后边可以有兄弟元素。 即是块又是内联，根据兄弟兄弟元素决定。 为什么是float之后才会有物理属性，这就是块与内联元素相互转化的问题。
如何使用css实现图片宽高自适应
判断一个点是否在闭合曲线内
12-06 1万+
本文主要是结合自己在学习中使用css来实现图片的宽高自适应，并给出相应的结局方案。 场景 给定一系列图片，图片宽高不等，每行所展示的图片数量不等，如何实现图片的自适应。 实现方法 聪明的你肯定会想到使用flex布局，并且设置flex-wrap: wrap。但如何做到自适应宽度呢： 我们假设图片原始宽度、高度分别为width、height，首先如果没有设置任何样式，那么图片高度肯定是不一样。于是......
CSS 初学 （二）使用、注释
weixin_42646630的博客
03-17 385
如何添加 CSS 当浏览器读到样式表时，它将根据样式表中的信息来格式化 HTML 文档。 三种使用 CSS 的方法 有三种插入样式表的方法： 外部 CSS 内部 CSS 行内 CSS 外部 CSS 通过使用外部样式表，您只需修改一个文件即可改变整个网站的外观！ 每张 HTML 页面必须在 head 部分的 <link> 元素内包含对外部样式表文件的引用。 外部样式表可以在任何文本编辑器中编写，并且必须以 .css 扩展名保存。 外部 .css 文件不应包含任何 HTML 标签
为什么有的行内元素可以设置宽高
古语静水流深
11-09 1436
今天偶尔在做一个锚点连接的时候，发现一个a元素是0x0的放在页面。当然这样做也是有目的的，不让其看出页面这个位置有什么。 就好奇心的设置它的宽高，结果发现没什么用，只有转化为块元素才能起效。虽然这是一个刚开始工作时就知道的一些知识点，但是我当时就以为简单就没有去深入看看这些。现在遇到感觉挺神奇，所以就参考一些资料写下这篇博客。 html中有一类元素比较特殊，虽然他们属于行内元素，但是他
如何给行内元素设置宽高
韩旭不会敲代码吧的博客
07-27 3956
我们都知道行内元素直接设置宽高是无效的。当我们在面试中遇到这个问题的时候，很容易想到给它设置 display:block或者display:inline-block就可以了，但是面试官来了句“还有其他方法吗？” 1、常用的行内元素 <a> 标签可定义锚 <abbr> 表示一个缩写形式 <acronym>定义只取首字母缩写 <b> 字体加粗 <bdo> 可覆盖默认的文本方向 <big> 大号字体加粗 <br>
行内元素设置宽高的3种方法
smile_xting的博客
11-12 2345
将行内元素设置为块级元素，就可以设置宽高 方式一： 使用display： display:block/inline-block <span class="one">test</span> .one{ display: block; //块元素 height: 100px; width: 100px; background-color: red; } 方式二： ...
行内元素 块元素 自定义宽高及默认宽高
peng109的博客
05-31 2444
行内元素 块元素 自定义宽高及默认宽高 一、默认宽高 行内元素的默认宽高是由内容撑开。 块元素的默认宽度是父元素的宽度。高度默认由内容 撑开。 二、自定义宽高 设置宽高后，如内容大于设置的宽高，即有溢出。如后面 紧跟有元素，则元素可能盖住溢出部分。 效果图： 在这里插入图片描述 如想查看其它效果，可根据这份代码更改。 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8">
css中行间距怎么设置
最新发布
06-13
在 CSS 中，可以使用 `line-height` 属性来设置行间距。`line-height` 属性指定了行框盒子的高度。具体来说，它设置了每行文字的基线之间的距离。 `line-height` 属性的值可以是一个无单位的数字，也可以是一个带...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

还有头发还能学呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值