css块元素、内联元素、可变元素

最新推荐文章于 2023-05-13 15:39:05 发布
最新推荐文章于 2023-05-13 15:39:05 发布
阅读量209 收藏
点赞数
分类专栏： html5 文章标签： css元素类型
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42684143/article/details/89045473
版权

块元素特点
a 块元素显示为矩形
b 默认，块元素占据一行，按顺序自上而下
c 可以自定义狂傲。
d 块元素可以是容易，容纳其他元素，看作是个盒子。

常见：div dl form h1-h6 ol hr p ul feildset

内联元素：
a 逐个显示
b 没有形状，不能定宽高，根据包含内容决定宽高
c 可以定义padding border margin background 等，但是不能显示padding-top margin-top /bottom

常见：a br i em label span strong textarea u select

行内块元素
img input

display 转换元素类型
在这里插入图片描述

yellow阿文
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css：元素类型
学会成长
03-06 479
二、边框属性 border-width:2px; /*边框的样式也叫线型*/ 边框样式： border-style:solid（实线）/double（双线）/dotted（点）/dashed（虚线）; border-color:red; ©—— © <div>—— </div>—— border-bottom:边框宽度边框风格边框颜色；底边框 border-left:边框宽度边框风格边框颜色；左边框 border-right:边框宽度边框风格边框颜色；右边框 .
CSS中的嵌套规则，以及块级元素、内联元素、可变元素
学习中
04-02 934
嵌套规则：任何不是块级元素的可见元素都是内联元素 块级元素可以包含内联元素和某些块级元素，但内联元素只能包含其他内联元素 块级元素不能放在<p>里面 有几个特殊的块级元素只能包含内联元素：h1~h6, p, dt li内可以包含div 块级元素与块级元素并列，内联元素与内联元素并列 来自：HTML中块级元素和行内元素的总结和区分 块级元素和行内元素的定义： 块级元素 总是在新行...
什么是块级元素和内联级元素
weixin_33747129的博客
11-17 286
block（块）元素的特点： ①总是在新行上开始； ②高度，行高以及外边距和内边距都可控制； ③宽度缺省是它的容器的100%，除非设定一个宽度。 ④它可以容纳内联元素和其他块元素 inline元素的特点： ①和其他元素都在一行上； ②高，行高及外边距和内边距不可改变； ③宽度就是它的文字或...
关于块元素和行元素之间的转换
最新发布
ceike的博客
05-13 6658
将块级元素设置为行内元素(inline),可以通过以下几种方式:1. display: inline;这个是最直接的方式,通过设置display样式为inline,可以将块级元素变为行内元素。例如:cssdiv {将div元素变为行内元素。当一个元素设置float属性后,其display属性会被重置为行内块inline-block,产生行内元素的效果。例如:cssdiv {
css基础
wj18740503137的博客
03-23 576
css基础 1、css基础 css:全称（Cascading Style Sheets） 层叠样式表；也称样式表； 作用：css用来修饰结构 （html标签）的；让结构显示的更美观； 以前布局使用的是表格，缺点，修改不够灵活，因为结构和表现写在一起，耦合度高 后来用html+css布局（div+css） html和css实现了结构和表现相分离；耦合度低。； 2、css语法 css语法： 选择器{ 属性：属性值； 属性：属性值1 属性值2； } 语法说明： 1、css
html 块级元素和行级元素
孤竹的博客
03-25 1326
1.块级元素   2.行内元素   3.块级元素与行内元素的区别 （1）块级元素会独占一行，其宽度自动填满其父元素宽度； 行内元素不会独占一行，相邻的行内元素会排列在同一行，直至一行排不下才会换行，其宽度随元素的内容而变化。 （2）块级元素可以包含行内元素和块级元素；行内元素不能包含块级元素。 （3）行内元素设置width、h
css 块元素、行内元素、行内块元素极其相互转换
weixin_50632313的博客
09-14 3259
css 块元素、行内元素、行内块元素极其相互转换（黑马笔记）
06-CSS元素类型
保持好奇
10-02 156
html-css元素类型，元素类型转换，动态伪类选择器，hover
CSS的块元素、内联元素和可变元素有哪些？
cherry_vicent的专栏
12-04 1653
块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素加上display:block这样的属性，让他也有每次都从新行开始的属性即成为块元素同样我们可以把块元素加上display:inline这样
块级元素、行级（内联）元素、内联块元素的区别
ruanhao1203的专栏
03-08 7344
块级元素(block)特性：总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示;宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;内联元素(inline)特性：和相邻的内联元素在同一行;宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bo...
HTML（3）块级元素、内联元素、可变元素
ADreamClusive的博客
05-09 1898
块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元素和内联元素的这种属 性差异就不成为差异了。比如，我们完全可以把内联元素cite加上display:block这样的属性，让他也有每次都从新行开始的属性。 1 块级元素 块元素一般都从新行开始，它可以容
Html 内联元素和外联元素
jw_323的专栏
04-16 894
块元素(block element)一般是其他元素的容器元素 　　块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊，它只能用来容纳其他块元素。 　　如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了css以后，我们可以改变这种html的默认布局模式，把块元素摆放到你想要 的位置上去。而不是每次都愚蠢
CSS笔记 行元素和块元素转换
yogur_father的博客
11-01 1037
行元素不能设置大小 ，如span 只有块元素能设置大小，如div <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> 练习网 </title> <!-- &
CSS实现可变行数垂直居中
weixin_30345577的博客
12-24 90
　　 <html> <head> <style> .vcenter { position: relative; height: 100%; width:50px; } .vcenter-child { position: absolute; top: 0; right: 0; bottom: 0; left: 0; ...
css怎么将块元素变成,CSS块元素、行内元素、行内块元素的转换
weixin_31408789的博客
08-03 7130
一、块元素转行内元素：display:inline二、行内元素转块元素：display:blockdiv{display: inline;/*无效width: 500px;height: 500px;*/background-color: red;}p{display: inline-block;}span{display: block;width: 400px;height: 300px;bac...
前端笔记16——CSS行内元素和块级元素的转换
热门推荐
裕博的博客
10-13 1万+
行内元素 span、i、 a、 img等等。 在一行内显示，一般情况不可以设置宽高的元素就是行内元素。 块级元素 div、h1、p、li等等。独占一行，可以设置宽高的元素就是块级元素。 行内元素转换成块级元素 在行内元素中设置display:block;就可以让行内元素变成块级元素。 在行内元素中设置display：inline-block; 就可以让行内元素变成块级元素，而且可以在同一行内显示。...
CSS　块元素与内联元素、可变元素
lxhlovemy的专栏
10-24 400
 html中元素是可以被分为块状元素和内联元素，块状元素的默认display属性为block,内联元素默认display属 性为inline。 　block元素的特点： 总是在新行上开始； 高度，行高以及顶和底边距都可控制；
块级元素和级联元素
richlu2011的专栏
10-31 404
块元素(block element) * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易，也是css layout的主要标签 * dl - 定义列表 * fieldset - form控制组 * form - 交互表单 * h1 - 大标题 * h2 - 副标题 * h3
CSS3 元素的变形（transform）
actorWen的博客
12-13 6378
CSS3新增了transform属性，可用于元素的变形，实现元素的旋转、缩放、移动、倾斜等 变形效果。 transform基于webkit内核的替代私有属性是-webkit-transforn;   基于gecko内核的替代私有属性是-moz-transform;   基于presto内核的替代私有属性是-o-transform;   基于IE浏览器的替代私有属性是-ms-transfo
HTML5入门与前端元素笔记
`<img>`元素是内联块元素（inline-block），既可调整宽高，又不自动换行。 表格是HTML中的一种重要元素，可以使用`<table>`创建。表格的属性包括宽度（`width`）、高度（`height`）、背景颜色（`background-color`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值